一、升级步骤
1.react升级、react-dom升级
2.react-dom、react-router-dom安装5版本
3.babel升级
命令行执行:npx babel-upgrade --write
babel会自动升级到对应版本
4.webpack升级至4版本
5.eslint相关插件升级
二、操作顺序
1.变更package.json文件
2.删除node_modules, .lock文件
3.执行npm的缓存清除命令
npm cache clean --force
提醒:无参数的npm cache clean无法删除所有缓存
npm cache verify 清理并优化缓存
4.装包
npm install
三、报错类型
1.Cannot find modules
缺什么装什么
2.依赖版本不对齐
控制台会提示当前依赖关联的那些依赖需要的版本,对应升级即可
若存在依赖嵌套影响关系,须先理清
3.webpack编译问题
插件丢失、插件替换(官网引导)、插件配置变更