React升级

0 阅读1分钟

一、升级步骤

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编译问题

插件丢失、插件替换(官网引导)、插件配置变更

参考链接