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