Angular 7项目本地服务启动失败，寻求迁移至Angular 18的指导

一、先修复Angular 7项目的启动问题 #

1. 解决ERR_OSSL_EVP_UNSUPPORTED错误 #

这个错误是Node.js版本过高导致的，Angular 7仅兼容Node.js 8.x或10.x，新版本Node启用的SSL算法与旧项目依赖不兼容。两种解决方式：

• 临时兼容启动：修改package.json中的start脚本，添加兼容参数：

  "scripts": {
    "start": "NODE_OPTIONS=--openssl-legacy-provider ng serve"
  }
  

  执行npm start即可启动。
• 切换Node版本：使用nvm安装并切换到10.x版本：

  nvm install 10
  nvm use 10
  

  重新执行npm install和npm start。

2. 处理依赖弃用与漏洞 #

• 禁止使用npm audit fix --force：旧项目依赖版本与Angular 7强绑定，强制修复会破坏依赖链，导致更多问题。
• 暂时忽略漏洞提示，优先保证项目能启动运行，迁移至新版本后再统一处理依赖安全问题。若必须修复高危漏洞，需手动查找Angular 7兼容的补丁版本，修改package.json中的对应依赖版本后执行npm install。

二、Angular 7 到 18 的迁移流程 #

1. 准备工作 #

• 确保当前Angular 7项目已正常启动，通过Git创建迁移分支或备份代码，避免影响原项目。
• 升级本地Angular CLI：卸载旧版本，安装最新18版：

  npm uninstall -g @angular/cli
  npm install -g @angular/cli@18
  

2. 逐步升级（按大版本依次推进） #

Angular官方要求逐版本升级（7→8→9→…→18），每个版本升级后需验证项目运行正常：

• 7→8：执行命令升级核心包与CLI：

  ng update @angular/core@8 @angular/cli@8
  

  根据终端提示修复废弃API（如ViewChild语法调整、HttpClient相关变更）。
• 8→9：执行升级命令：

  ng update @angular/core@9 @angular/cli@9
  

  处理Ivy编译器启用的相关配置调整，移除已废弃的模块（如HttpModule）。
• 后续版本（10→11→…→18）：重复执行对应版本的ng update命令，每一步完成后：
  • 修复所有编译错误与废弃API警告。
  • 运行npm run test确保测试用例通过。
  • 启动项目验证核心功能正常。

3. 迁移完成后的收尾 #

• 清理无效依赖：移除项目中不再使用的旧包（如@angular/http），执行npm prune清理未被引用的依赖。
• 更新TypeScript版本：Angular 18对应TypeScript 5.4，执行命令安装兼容版本：

  npm install typescript@5.4 --save-dev
  

• 修复安全漏洞：执行npm audit fix（无需加--force），修复新版本依赖的安全问题。
• 验证生产构建：执行ng build（Angular 18默认生产模式），确保构建成功并能正常部署。

内容的提问来源于stack exchange，提问作者Jeremiah Boey