解決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/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://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/