Как я могу исключить React Refresh из производственной сборки Create-React-App?

Question

Uncaught Error: React Refresh runtime should not be included in the production bundle.

По умолчанию, когда вы делаете npm run build, он меняет среду на «производство». После просмотра реакции-обновления, если среда находится в производственной среде, выдается ошибка, что ее не следует включать.

Я установил .envфайл с этими переменными среды, но когда я создаю и обслуживаю его локально, у меня все еще возникает проблема. Прочитав эту проблему, я заметил, что установка переменных среды должна решить проблему, но у меня это не работает.

      FAST_REFRESH=false
REACT_APP_FAST_REFRESH=false

Может кто-нибудь помочь мне с этой проблемой?

Answer 1

Вbabel.config.js, вы должны добавить:

      const isEnvDev = process.env.NODE_ENV === 'development'

if (isEnvDev) {
  config.plugins.push('react-refresh/babel')
}

Вwebpack.config.js, вы должны добавить:

        const isEnvDev = process.env.NODE_ENV === 'development'

  if (isEnvDev) {
    config.plugins.push(
      new ReactRefreshWebpackPlugin({
        overlay: false,
      }),
    )
  }

иconfig.pluginsэто конфигурация вебпака