执行ng build --prod命令构建Angular应用失败求助

你的问题核心是Angular CLI版本与项目本地Angular版本不兼容，叠加第三方依赖的peer冲突，导致ng build --prod失败和模块安装报错。下面是分步解决方案：

1. 对齐Angular CLI与项目Angular版本 #

从你的ng v输出看，全局CLI是11.2.2，但项目实际使用的是Angular 12.1.5，版本差异过大导致找不到@angular-devkit/build-angular模块。

• 卸载全局旧版CLI：

  npm uninstall -g @angular/cli
  

• 安装与项目匹配的CLI版本（Angular 12.1.5对应CLI 12.1.5）：

  npm install -g @angular/cli@12.1.5
  

• 更新项目本地CLI依赖，确保本地与全局版本一致：

  npm install @angular/cli@12.1.5 --save-dev
  

2. 修复ngx-webstorage的依赖冲突 #

错误显示ngx-webstorage@9.0.0要求@angular/common@^13.0.0，但你的项目用的是12.1.5，存在版本不匹配。有两种可选方案：

方案A：降级ngx-webstorage到适配Angular 12的版本 #

ngx-webstorage v8.x系列支持Angular 12，执行：

npm install ngx-webstorage@8.0.0 --save

方案B：升级项目Angular到13.x（适合愿意升级项目的场景） #

如果需要保留ngx-webstorage@9.x，可升级Angular到13版本：

ng update @angular/core@13 @angular/cli@13

注意：升级前建议备份项目，部分第三方依赖可能需要同步升级。

3. 重新安装适配的build-angular模块 #

版本对齐后，安装对应版本的构建工具：

npm install @angular-devkit/build-angular@12.1.5 --save-dev

4. 验证构建 #

执行构建命令测试：

ng build --prod

额外建议 #

• 始终保持全局CLI与项目本地CLI版本一致，避免版本兼容问题
• 安装依赖时优先使用本地安装（不带-g参数），确保项目依赖独立
• 遇到peer依赖冲突时，先查看第三方库的官方文档确认适配的Angular版本，再选择降级库或升级框架

内容的提问来源于stack exchange，提问作者Container-Man