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' is not an internal or external command, nor is it a runnable program
or batch file.

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/