react前端封装接口弹出错误_react+ts打包发布后报Minified React error ..这种错误_半张老头的博客-程序员秘密

技术标签: react前端封装接口弹出错误  

最近接触到新的项目,然后发现使用的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',

},

}

};

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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_29017445/article/details/113017904

智能推荐

Android adb无线连接手机调试app,adb连接失败,连接成功adb devices没有设备问题解决_连接超时 adb无线_HiWorldNice的博客-程序员秘密

之前一直是用数据线连电脑进行调试,但是新手机的USB接口被背夹占用了,导致连了背夹就不能通过USB数据线连电脑。这时只能通过无线网络连电脑了。步骤如下:1、把电脑和手机置于同一局域网下内(比如连同一个无线网络)。保证电脑与手机能ping通。测试电脑与手机ping通方法:打开手机所连的无线网,查看其ip地址,比如为192.168.130.216。然后打开cmd,输入ping ip地址...

不要做浮躁的嵌入式工程师_exbob的博客-程序员秘密

1. 不要看到别人的回复,第一句话就说:给个代码吧!你应该想想为什么。当你自己想出来再参考别人的提示,你就知道自己和别人思路的差异。 2. 初学者请不要看太多的书那会误人子弟的。先找一本好书系统的学习。很多人用了很久都是只对部分功能熟悉而已,不系统还是不够的。 3. 看帮助。不要因为很难,而自己又是初学者所以就不看;帮助永远是最好的参考手册,虽然帮助的文字有时候很难看懂,或不够直观。 4. 不要被一些专用词汇所迷惑;最根本的是先了解最基础知识。 5. 不要放过任何一个看上去很简单的小问题--他们往往并不那么

Latex排版技巧:上下方可输入文字的箭头_latex箭头上加字_Aidanmomo的博客-程序员秘密

Latex排版技巧:上下方可输入文字的箭头宏包amsmath 提供了两个可以伸长的单箭头符号\xleftarrow[下方公式]{上方公式}和\xrightarrow[下方公式]{上方公式}示例如下:$A \xleftarrow{n=0} B \xrightarrow[T]{n>0} C$其执行结果为A←n=0B→Tn>0CA \xleftarrow{n=0} B \x...

维特比(Viterbi)算法_维特比算法_我就算饿死也不做程序员的博客-程序员秘密

算法思想维特比(Viterbi)算法属于一种动态规划算法,目标在于寻找最优路径。我个人用得最多就是与BiLSTM+CRF模型的结合,比如命名实体识别、分词等,计算了每个token的归一化概率矩阵和转移概率矩阵之后,最后根据维特比算法得到整个文本句子的最优概率输出。它的思想是这样:如果最优路径在时刻t经过结点iti_tit​,那么这一路径从结点iti_tit​到终点iTi_TiT​的部分路径,对...

编译原理实验(词法分析器+语法分析器(递归下降法))_oliveQ的博客-程序员秘密

1.分析C++词法,判断首位为数字的错误变量通过对C++词法分析程序(GETSYM)的分析,并在此基础上按照教材附录A中给出的C++语言的语法描述,编写一个C++语言的词法分析程序。此程序应具有如下功能:输入为字符串(待进行词法分析的源程序),输出为单词串,即由(单词、类别)所组成的二元组序列。有一定检查错误的能力,例如发现2A这类不能作为单词的字符串。这里借鉴了一些其他博主的,然后我进行...

随便推点

C#线程池ThreadPool.QueueUserWorkItem接收线程执行的方法返回值_deanmeisong_1985的博客-程序员秘密

  最近在项目中需要用到多线程,考虑了一番,选择了ThreadPool,我的需求是要拿到线程执行方法的返回值,但是ThreadPool.QueueUserWorkItem的回调方法默认是没有返回值的,搜了搜,都是简单介绍ThreadPool.QueueUserWorkItem的各种用法,只能自己想办法了。  回调方法不带返回值,迂回一下,回调方法用对象的方法,返回值放在对象的...

推荐系统遇上深度学习(一零四)-[阿里]CTR预估中细粒度特征学习的多交互注意力网络..._文文学霸的博客-程序员秘密

今天给大家介绍的是阿里在WSDM21上发表的一篇文章,题目为《Multi-Interactive A ention Network for Fine-grained Feature Le...

python中utf-8和gbk编码格式_Python实现把utf-8格式的文件转换成gbk格式的文件_weixin_39754831的博客-程序员秘密

需求:将utf-8格式的文件转换成gbk格式的文件实现代码如下:复制代码 代码如下:def ReadFile(filePath,encoding="utf-8"):with codecs.open(filePath,"r",encoding) as f:return f.read()def WriteFile(filePath,u,encoding="gbk"):with codecs.open(...

机器学习5 多维正态分布(高斯分布)_skmygdrs的博客-程序员秘密

概率密度p(x)=1(2π)n2|β|12exp(−12(x−α)Tβ−1(x−α))p(x) = {1 \over {{{\left( {2\pi } \right)}^{{n \over 2}}}{{\left| \beta \right|}^{{1 \over 2}}}}}\exp \left( { - {1 \over 2}{{\left( {x - \alpha } \right)}^T

程序员的“非程序员”之路!不往初心,方得始终!_不是程序员的程序员_C语言编程俱乐部的博客-程序员秘密

摘要:很多年前我就开始写代码,很喜欢写代码,直到现在为止仍然热度不减!人生总是会和你开点小玩笑,我觉得无论你将来是否继续走技术路线,你的程序员经历将为你打下雄厚的基础。本文为你分享一些程序员也应该掌握的”非程序员“技能,希望对你有帮助。什么是”非程序员“?什么是程序员?这应该不用解释了。所以”非程序员“就很容易解释了,只要你从事的是IT类工作,但又不是写代码的,你就是”非程序员“!...

使用latex生成DVI文件_latex dvi_与书与你的博客-程序员秘密

论文在投稿的时候,提交camera ready版本的时候,往往需要提交latex的所有源文件,包括各种中间文件,那么DVI文件也是需要的。而我们用pdflatex是只能生成PDF文件,而无法生成DVI文件。按照网上的方法,就是在CMD下,使用命令来生成DVI文件。具体步骤如下:使用win+r,进入到CMD使用CD,切换到你的tex文件所在路径使用命令“latex XXX.tex",生成DVI文件,这里的XXX为你的文件名字因为论文投稿往往是需要添加矢量图的,而用Visio画的图,不能生成eps