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.           

解決

懷疑是 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/[email protected] postinstall C:\Users\LYF\AppData\Roaming\npm\node_modules\@angular\cli
> node ./bin/postinstall/script.js

+ @angular/[email protected]
added 244 packages from 185 contributors in 63.738s           

參考引用

• 本文同步至: https://waylau.com/angular-could-not-find-module-build-angular/
• 完整源碼： https://github.com/waylau/angular-enterprise-application-development-samples
• Angular CLI 常用指令： https://waylau.com/angular-cli-commands/