reactjs – 未捕获错误：React正在生产模式下运行,但死代码

发布时间：2020-12-15 09:36:49 所属栏目：百科来源：网络整理

导读：当我在生产中部署我的项目时,出现这个错误：未捕获错误：React正在生产模式下运行,但尚未应用死代码.阅读如何正确配置React进行生产：我的webpack文件在插件部分中有这个代码： `new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('prod

当我在生产中部署我的项目时,出现这个错误：

未捕获错误：React正在生产模式下运行,但尚未应用死代码.阅读如何正确配置React进行生产：

我的webpack文件在插件部分中有这个代码：

`new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify('production')
  }),new webpack.optimize.AggressiveMergingPlugin(),new webpack.optimize.UglifyJsPlugin({
    minimize: true
  }),new CompressionPlugin({
    asset: '[path].gz[query]',algorithm: 'gzip',test: /.js$|.css$|.html$/,threshold: 10240,minRatio: 0.8
  })`

谢谢你的帮助

解决方法

Michal Zalecki有一篇关于如何使用Webpack优化React for production的文章：

https://michalzalecki.com/optimize-react-build-for-production-with-webpack/#remove-dead-code-with-tree-shaking

根据给您的错误,有两件事需要检查.

1)第一个应该是删除最小化选项.

这将允许您进入生产包以查看/ *未使用的和谐导出事实* /插入的注释.

如果没有插入,我会进入你的Bable配置,并确保在es2015预设下正确编译代码.树摇动仅适用于ES2015模块.

2)如果你还没有这样做,我也肯定会包含source-map devtool选项.源地图是麻烦,但我会允许teamtreehouse的朋友解释原因：

http://blog.teamtreehouse.com/introduction-source-maps

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!