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

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

最近接触到新的项目,然后发现使用的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
关注一下,或许能让你获得更多前端咨询信息。
加载中...

评论 抢沙发

评论前必须登录(开发中...)