react 二期升级问题汇总

No.1 编译打包antd样式文件无法识别


如上,在用antd 中的Menu替换 bootstrap中的menu时发现这部分打包报错

原因

antd中Menu为css,但是webpack打包是按照less打包的,打开这部分的css报错的文件,发现background的后面有\9,以下为webpack打包样式的规则:

解决办法:

将less与css文件打包拆开,如下

编译打包后,没问题,原先报错文件,中不存在\9,如下:

No.2 项目老旧,多页面系统,存在layout中用script引入 react低版本

解决办法:

移除该script引用,在入口App中,引入现在所依赖的react包,然后通过window挂载全局使用

No.3 项目老旧,存在原先同事开发的包,后续该包未升级,内部react还是依赖的14.x

解决办法:

将对应的包在github下载下来,或者在node_modules中找到,放在项目中