Angular 9升级至10遇package-lock.json旧锁文件问题及解决方法

操作步骤： #

1. 清理旧依赖文件

   • 手动删除项目根目录下的package-lock.json文件
   • 删除node_modules文件夹：
     • Linux/macOS 终端执行：rm -rf node_modules
     • Windows 命令提示符执行：rmdir /s /q node_modules

2. 升级NPM至兼容版本
   Angular 10 推荐使用 NPM 6.x 版本（避免版本不兼容问题），执行全局升级命令：

   npm install -g npm@6
   

3. 升级Angular CLI与核心依赖
   先全局安装适配Angular 10的CLI：

   npm install -g @angular/cli@10
   

   切换到项目根目录，执行Angular核心依赖升级：

   ng update @angular/core@10 @angular/cli@10
   

   这个命令会自动更新package.json中的依赖版本，并处理大部分兼容性问题。

4. 重新生成package-lock.json
   执行依赖安装命令，基于更新后的package.json生成适配当前NPM版本的全新package-lock.json：

   npm install
   

额外注意事项： #

• 若升级后出现第三方依赖报错，需检查对应包的版本是否支持Angular 10，比如rxjs需升级至6.6.x以上，typescript需使用3.9.x版本，可手动在package.json中修改版本后重新执行npm install。
• 升级完成后，建议运行ng build和ng serve验证项目是否正常编译运行。

内容的提问来源于stack exchange，提问作者Krishnaraj P