旅行网站开发,贵阳网站建设公司招聘,做排名的网站,昭通网站建设公司问题
项目不支持可选链调用过多的 babel 插件
步骤
基础包
dependencies “react-scripts”: “5.0.1” devDependencies “customize-cra”: “^1.0.0”,“react-app-rewired”: “^2.2.1”,
框架包
dependencies “react”: “16.13.1”,“react-dom”: “16.13.1”, …问题
项目不支持可选链调用过多的 babel 插件
步骤
基础包
dependencies “react-scripts”: “5.0.1” devDependencies “customize-cra”: “^1.0.0”,“react-app-rewired”: “^2.2.1”,
框架包
dependencies “react”: “16.13.1”,“react-dom”: “16.13.1”, “react-router”: “^4.3.1”, “react-router-dom”: “^4.3.1”, devDependencies “customize-cra”: “^1.0.0”,“react-app-rewired”: “^2.2.1”,“less-loader”: “4.1.0”,“lint-staged”: “^7.2.0”,“prettier”: “^2.3.2”,“styled-components”: “^5.2.0”,“cross-env”: “^5.2.0”,
构建包
“happypack”: “^5.0.1”,“react-app-rewire-happy-pack”: “^1.0.0”,“react-app-rewire-webpack-bundle-analyzer”: “^1.0.1”,“terser-webpack-plugin”: “^5.3.9”,“webpack-bundle-analyzer”: “^2.13.1”,“webpackbar”: “^5.0.2”
业务包
其他问题处理 全路径问题 fully specific webpack5 对路径的要求也更严格需要是全路径 mjs 支持 addWebpackModuleRule({ test: /.m?js/, resolve: { fullySpecified: false, }, }), babel/runtime
首先第一个问题是有很多 babel/runtime 相关的报错而且报错的地方不在我们的项目里而是在 node_modules 里面 yarn add -D babel/runtime node ployfill webpack5 也移除了 node 模块的 ployfill以后我们用到的需要自己安装了 基本上 node ployfill 项目中也很少用到我这边看到的报错大部分还是 node_modules 里看到的。 yarn add -D stream postcss yarn add -D postcss-at-rules-variables
create-react-app react-scripts 升级从 3.x 升到 5.x 踩坑webpack5 升级踩坑
