如何将Angular V17项目升级至Angular V18？

前置准备 #

• 确保项目当前依赖状态正常，执行npm install（或yarn install）确认无依赖报错。
• 提交所有未完成的代码到版本控制工具（如Git），避免升级过程中丢失代码。

核心升级操作 #

使用Angular CLI自带的升级命令，它会自动处理大部分依赖更新、配置调整和代码迁移：

ng update @angular/core@18 @angular/cli@18

如果使用Yarn包管理器，执行：

yarn ng update @angular/core@18 @angular/cli@18

手动处理迁移项 #

• 处理破坏性变更：Angular v18可能废弃或修改了部分API，CLI升级过程中会在终端给出具体提示，根据提示调整对应代码（比如某些路由配置、HttpClient的旧用法等）。
• 第三方库兼容：如果项目使用了Angular Material、NgRx等第三方库，需升级到支持v18的版本，例如：

  ng update @angular/material@18
  

验证升级结果 #

• 执行ng build检查项目编译是否通过，修复出现的语法或依赖错误。
• 运行ng test确保所有测试用例正常执行。
• 启动本地服务ng serve，手动验证项目核心功能是否正常运行。

常见问题处理 #

如果升级过程中遇到CLI报错，可尝试清理包管理器缓存后重新执行升级命令：

• NPM：npm cache clean --force
• Yarn：yarn cache clean

内容的提问来源于stack exchange，提问作者Neelam VamsiKrishna