Angular从14降级到13后运行ng serve遇模块找不到错误求助

问题描述 #

为修复iOS设备上Mat Dialog关闭按钮失效问题，将Angular项目从14.0.0降级至13.0.0后，执行ng serve时出现模块解析错误：

无法解析'/Volumes/Macintosh HD/Users/ravi/Public/new_mob/node_modules/@angular-devkit/build-angular/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js'

该文件实际存在，且已尝试执行npm install --save-dev @angular-devkit/build-angular，问题仍未解决。

可行解决方案 #

1. 清除缓存并重装依赖 #

• 删除node_modules及锁文件：

  rm -rf node_modules package-lock.json yarn.lock
  

• 强制清除npm缓存：

  npm cache clean --force
  

• 重新安装所有依赖：

  npm install
  

2. 匹配@angular-devkit/build-angular版本 #

Angular 13对应的@angular-devkit/build-angular版本需为~13.0.0，打开package.json检查并修改该依赖版本：

"devDependencies": {
  "@angular-devkit/build-angular": "~13.0.0",
  // 其他依赖...
}

修改后执行npm install更新依赖。

3. 重置Angular CLI缓存 #

• 清除Angular CLI本地缓存：

  ng cache clean
  

• 不带缓存启动项目：

  ng serve --no-cache
  

4. 检查Node.js版本兼容性 #

Angular 13要求Node.js版本为14.15.x或16.x，执行node -v查看当前版本，若不符合则切换至对应版本后，重新执行依赖安装步骤。

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