react+ts打包发布后报Minified React error ..这种错误

 2020年07月29日 分类:React/前端设计  评论(0)  阅读(1559)

最近接触到新的项目,然后发现使用的Antd4.1.4版本存在一个BUG会影响到业务系统,于是在各种考虑下还是升级到最新版4.5.0。

然后就发现发布到线上测试环境就遇到某些页面会报错,但是本地又是好的,错误如下:

Minified React error ...

然后搜了一下,网上都表示是因为项目内部依赖的React版本存在多个导致的这个问题,可以通过配置webpack的externals属性,将所有的react依赖不进行打包,然后通过地址引入来解决。

确实可以通过这个方式来解决,而且本身去掉这些依赖后的打包速度还会很快,是一个不错的解决方案。

大致代码如下:

// webpack.config.js
module.exports = {
  // ...
  externals: {
    react: {
      commonjs: 'react',
      commonjs2: 'react',
      amd: 'react',
      root: 'React',
    },
    'react-dom': {
      commonjs: 'react-dom',
      commonjs2: 'react-dom',
      amd: 'react-dom',
      root: 'ReactDOM',
    },
  }
};

但是我使用了另一种方式,就是我讲测试环境的所有依赖包清除,然后再重新安装一遍最新的依赖,然后问题也解决了。

wechat_app
微信公众号:webapp_club
关注一下,或许能让你获得更多前端咨询信息。
加载中...
分享中心

评论 抢沙发

评论前必须登录


如果你觉得本站内容对你有所帮助,比如提升你对编程方面的认识,你可以通过上面的二维码请博主喝杯咖啡,安好。

WEB前端开发部落(公众号:webapp_club)

群列表

前端初级学习群:初级Web前端学习群(后期为支付入群)
PHP初级学习群:PHP(MySQL)学习交流群
QQ群仅作为相关领域讨论平台,均提供高质量问题交流,禁止闲聊,无法接受的朋友请勿加群!
进群需要通过这里获取进群码才能进群哦!