如何從 Create-React-App 生產構建中排除 React Refresh？

Question

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

默認情況下，當您執行npm run build時，它會將環境更改為“生產”。 查看 react-refresh 后，如果環境處於生產狀態，則會引發不應包含的錯誤。

我已經使用這些環境變量設置了一個.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是 webpack 的配置