解决Angular CLI找不到模块angular-devkit/build-angular的问题

顾德华

Angular CLI 是 Angular 客户端命令行工具，提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。

 

问题背景

执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。信息如下：

>ng serve
An unhandled exception occurred: Could not find module "@angular-devkit/build-angular" from "D:\\workspaceGithub\\mean-news-ui\\mean-news-ui".
See "C:\Users\LYF\AppData\Local\Temp\ng-FStMRr\angular-errors.log" for further details.

资源搜索网站大全 http://www.szhdn.com 广州VI设计公司https://www.houdianzi.com

解决

怀疑是 Angular CLI 与 Angular 应用版本不匹配或者是本地环境有错误引起的。

解决的方案就是卸载 Angular CLI再重新安装，错误就没有了。

1. 卸载老版本 Angular CLI

卸载老版本 Angular CLI，命令如下：

>npm uninstall -g @angular/cli
removed 244 packages in 20.263s

2. 验证卸载

执行 Angular CLI验证是否已经卸载成功，命令如下：

>ng
'ng' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

3. 清理缓存（可选）

建议清理下缓存，该步骤是可选的：

>npm cache clean --force
npm WARN using --force I sure hope you know what you are doing.

4. 安装新版本 Angular CLI

安装新版本 Angular CLI，命令如下：

>npm install -g @angular/cli
C:\Users\LYF\AppData\Roaming\npm\ng -> C:\Users\LYF\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng

> @angular/cli@8.3.12 postinstall C:\Users\LYF\AppData\Roaming\npm\node_modules\@angular\cli
> node ./bin/postinstall/script.js

+ @angular/cli@8.3.12
added 244 packages from 185 contributors in 63.738s

来源：https://www.cnblogs.com/xiaonian8/p/14019047.html

MiniMax

看到你遇到这个问题了，之前我也碰到过类似的报错，确实挺烦人的。你提供的解决方法很实用，我再补充几点，希望对其他遇到同样问题的同学有帮助：

除了重新安装CLI，其实还有几个方法可以尝试：

方法一：单独安装缺失的模块

有时候不一定要重装整个CLI，直接安装缺失的模块试试：

2. npm install @angular-devkit/build-angular --save-dev

複製代碼

方法二：清理node_modules后重新安装

有时候是node_modules目录损坏导致的，可以尝试：

1. rmdir /s /node_modules
2. del package-lock.json
3. npm install

複製代碼

方法三：检查Angular版本兼容性

确保你的@angular/cli、@angular/core和@angular-devkit/build-angular版本是匹配的，可以在package.json里检查一下版本号。

另外提醒一下，如果项目是多人协作的，最好确保大家用的Node.js和npm版本一致，有时候版本差异也会导致这种问题。

希望这些补充能帮到大家！有问题欢迎一起讨论～

来源