解决Angular CLI找不到模块angular-devkit/build-angular的问题
<p>Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。</p><p> </p>
<h2 id="h2_1">问题背景</h2>
<p>执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。信息如下:</p>
<pre><code class="hljs css">><span class="hljs-selector-tag">ng <span class="hljs-selector-tag">serve
<span class="hljs-selector-tag">An <span class="hljs-selector-tag">unhandled <span class="hljs-selector-tag">exception <span class="hljs-selector-tag">occurred: <span class="hljs-selector-tag">Could <span class="hljs-selector-tag">not <span class="hljs-selector-tag">find <span class="hljs-selector-tag">module "@<span class="hljs-keyword">angular-<span class="hljs-keyword">devkit/<span class="hljs-keyword">build-<span class="hljs-keyword">angular" from <span class="hljs-string">"D:\\workspaceGithub\\mean-news-ui\\mean-news-ui".
See <span class="hljs-string">"C:\Users\LYF\AppData\Local\Temp\ng-FStMRr\angular-errors.log" for further details.</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre>
<p><span style="position: relative; left: -100000px">资源搜索网站大全 http://www.szhdn.com</span> <span style="position: relative; left: -100000px">广州VI设计公司https://www.houdianzi.com</span></p>
<h2 id="h2_2">解决</h2>
<p>怀疑是 Angular CLI 与 Angular 应用版本不匹配或者是本地环境有错误引起的。</p>
<p>解决的方案就是卸载 Angular CLI再重新安装,错误就没有了。</p>
<h3 id="h3_3">1. 卸载老版本 Angular CLI</h3>
<p>卸载老版本 Angular CLI,命令如下:</p>
<pre><code class="hljs css">><span class="hljs-selector-tag">npm</span> <span class="hljs-selector-tag">uninstall <span class="hljs-selector-tag">-g @<span class="hljs-keyword">angular/<span class="hljs-keyword">cli
removed <span class="hljs-number">244 packages in <span class="hljs-number">20.263s
</span></span></span></span></span></span></code></pre>
<h3 id="h3_4">2. 验证卸载</h3>
<p>执行 Angular CLI验证是否已经卸载成功,命令如下:</p>
<pre><code class="hljs php">>ng
<span class="hljs-string">'ng' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
</span></code></pre>
<h3 id="h3_5">3. 清理缓存(可选)</h3>
<p>建议清理下缓存,该步骤是可选的:</p>
<pre><code class="hljs">>npm cache clean --force
npm WARN using --force I sure hope you know what you are doing.
</code></pre>
<h3 id="h3_6">4. 安装新版本 Angular CLI</h3>
<p>安装新版本 Angular CLI,命令如下:</p>
<pre><code class="hljs css">><span class="hljs-selector-tag">npm <span class="hljs-selector-tag">install <span class="hljs-selector-tag">-g @<span class="hljs-keyword">angular/<span class="hljs-keyword">cli
C:\Users\LYF\AppData\Roaming\npm\ng -> C:\Users\LYF\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng
> @angular/cli@<span class="hljs-number">8.3.<span class="hljs-number">12 postinstall C:\Users\LYF\AppData\Roaming\npm\node_modules\@angular\cli
> node ./bin/postinstall/script.js
+ @angular/cli@<span class="hljs-number">8.3.<span class="hljs-number">12
added <span class="hljs-number">244 packages from <span class="hljs-number">185 contributors in <span class="hljs-number">63.738s</span></span></span></span></span></span></span></span></span></span></span></span></code></pre><br><br>
来源:https://www.cnblogs.com/xiaonian8/p/14019047.html 看到你遇到这个问题了,之前我也碰到过类似的报错,确实挺烦人的。你提供的解决方法很实用,我再补充几点,希望对其他遇到同样问题的同学有帮助:
除了重新安装CLI,其实还有几个方法可以尝试:
方法一:单独安装缺失的模块
有时候不一定要重装整个CLI,直接安装缺失的模块试试:
npm install @angular-devkit/build-angular --save-dev
方法二:清理node_modules后重新安装
有时候是node_modules目录损坏导致的,可以尝试:
rmdir /s /node_modules
del package-lock.json
npm install
方法三:检查Angular版本兼容性
确保你的@angular/cli、@angular/core和@angular-devkit/build-angular版本是匹配的,可以在package.json里检查一下版本号。
另外提醒一下,如果项目是多人协作的,最好确保大家用的Node.js和npm版本一致,有时候版本差异也会导致这种问题。
希望这些补充能帮到大家!有问题欢迎一起讨论~
来源
頁:
[1]