Angular项目升级错误：Could not find @angular-devkit/build-angular:dev-server

最新推荐文章于 2025-05-06 22:26:15 发布
最新推荐文章于 2025-05-06 22:26:15 发布
阅读量1.2w 收藏 7
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Angular 文章标签： angular 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zerozone100523/article/details/107251058
本文详细解析了从Angular8升级到Angular9时遇到的错误：Could not find @angular-devkit/build-angular:dev-server，并提供了完整的解决方案，包括错误原因分析及正确的升级命令。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目从Angular8升级到angualr9出现错误：Could not find @angular-devkit/build-angular:dev-server

错误详情：An unhandled exception occurred: Could not find the implementation for builder @angular-devkit/build-angular:dev-server.

错误原因：本地的angular-cli 和 @angular-devkit/build-angular 不匹配。如果强制升级本地的angular-cli 会导致这个问题。

解决方案：升级到最新库@angular-devkit/build-angular

执行名令：npm i --save-dev @angular-devkit/build-angular@latest

 

Error: Could not find the ‘@angular-devkit/build-angular:dev-server‘ builder‘s node package.
weixin_45428910的博客
10-04 812
Error: Could not find the '@angular-devkit/build-angular:dev-server' builder's node package.
Cannot find module ‘@angular-builders/custom-webpack/package.json‘
湾湾叉会儿腰的博客
11-18 2211
可能是资源加载问题 网上很多说法就是我没有这个资源，将这个资源加载就行了，但是我的问题是 Angular-builders/custom-webpack 是我不要的，我卸载不干净，导致运行时候出现问题。 常规套路来说，我只需要将 node_modules 删除，然后再将 package-lock.json 也删除了，避免影响我后续的加载，为了保险额外再清理一下缓存 npm cache clean --force，最后加载一下就行了，步骤如下： delete node_modules delete packa
angular-devkit-build-angular-builds：为@ angular-devkitbuild-angular构建工件
02-16
@ angular-devkit / build-angular的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发行的版本上使用此功能。 要在您自己的项目中测试此快照，请使用 npm install git+https://github.com/angular/angular-devkit-build-angular-builds.git Angular Webpack构建外观 在制品
angular-devkit/build‑angular:application 逐行深剖
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-06 995
文件结构my-app/└─ ...当你把三行 JSON 与 RxJS Observable 模型对齐后，会发现 CLI 构建系统本质上就是一个流式数据管道：配置对象进入管道，被 Builder 转换成产出文件与日志事件，然后由 Architect 再把结果流分发至终端或 IDE。理解这一点，你就能优雅地扩展、替换甚至组合多条构建流，让 Angular 的构建体验与项目需求紧密贴合。
找不到模块“@angular-devkit/build-angular”
HuntsBot的博客
10-27 1283
ng update 表示一切正常。删除 node_modules 文件夹并重新安装 npm install 也无济于事。我的项目基于 ng2-admin(Angular4 version)。
Could not find module "@angular-devkit/build-angular"
allofyou的专栏
08-15 5551
Angular项目，npm start 后提示Could not find module "@angular-devkit/build-angular" 输入以下命令成功解决： npm i --save-dev @angular-devkit/build-angular
Angular: Module build failed (from ./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js):
材女的进击
12-18 4469
场景：当 ng serve 启动项目 时，会报错： ERROR in ./src/sass/styles.scss (./node_modules/_@angular-devkit_build-angular@0.11.4@@angular-devkit/build-angular/src/angularss-loader.js!./node_modules/_postcss-loader...
如何在package.json中加载@angular-devkit/build-angular
02-26
在 `package.json` 中添加或确保已正确引用 `@angular-devkit/build-angular` 主要是为了支持 Angular 项目的构建过程。这个包提供了一系列用于编译和打包 Angular 应用程序的任务，包括 AOT 编译、Tree-shaking 等...
解决Angular CLI找不到模块"angular-devkit/build-angular"的问题
老卫的技术站
10-31 1万+
Angular CLI 是 Angular 客户端命令行工具，提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。 问题背景 执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。信息如下： >ng serve ...
anjular安装Could not find module "@angular-devkit/build-angular"，卸载重新安装
热门推荐
qq_42705213的博客
08-23 1万+
anjular安装以及Could not find module “@angular-devkit/build-angular”解决方法 安装anjular之前需要先安装node（百度下载安装），node中自带npm，安装完成打开cmd查看安装版本信息： node -v npm -v 安装anjular npm install -g @angular/cli 查看an...
angular-devkit-build-webpack-builds：为@ angular-devkitbuild-webpack构建工件
02-12
@ angular-devkit / build-webpack的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发行的版本上使用此功能。 要在您自己的项目中测试此快照，请使用 npm install git+https://github.com/angular/angular-devkit-build-webpack-builds.git Webpack Builder for Architect 该软件包允许您使用Architect运行Webpack和Webpack Dev Server。 要在Angular CLI应用程序上使用它，请按照下列步骤操作： 运行npm install @angular-devkit/build-webpack 。 创建一个webpack配置
使用Angular CLI进行Build(构建)和Serve详解
11-28
第一篇文章是: “使用angular cli生成angular5项目” ://www.jb51.net/article/136621.htm 第二篇文章是: “使用angular cli从蓝本生成代码” ://www.jb51.net/article/137031.htm 第三篇文章是: “使用Angular CLI生成路由” ://www.jb51.net/article/137033.htm Build. Build主要会做以下动作: 编译项目文件并输出到某个目录 Build targets决定了输出的结果 bundling 打包 生产环境的build还会进行uglify和
强烈推荐，亲测有效。Could not find module "@angular-devkit/build-angular" from ……（项目路径）
qq_44482401的博客
04-14 6020
强烈推荐，亲测有效。创建angular项目出现Could not find module “@angular-devkit/build-angular” from “F:\center\jw\workspace\demo”.的Error 在安装angular/cli后，我们通过命令行创建angular项目常使用 ng new demo （demo是项目的名称） 的命令，如果出...
@angular-devkit/build-angular/package.json问题
Jone's Area
07-15 1243
今天电脑重装 手动下载安装了所有最新的开发环境，其中node.js是16.0.0+ 然后装angular也是最新 最后到项目上，执行npm install，完了之后执行ng serve 报错！ 没找到是吧？那我安装！npm install @angular-devkit/build-angular 会安装失败！因为这玩意是属于angular/cli中的一个包 解决方案： 1、先把当前windows登录账户（C:\Users\Administrator）目录下删掉.npmrc文件.
升级Angular后ng serve出错Cannot find module @angular-devkit/build-angular/package.json
雨云21的博客
05-18 5380
Webstom运行Angular项目出错： 升级了Angular版本后，原来的项目版本低了，与新版本不匹配，所以运行了出现如下错误 An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json' Require stack: - C:\Users\hyh\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@ang
angular 测试 ng test出错@angular-devkitild-angular
米斯特尔曾的博客
08-06 1073
错误信息 zengwe$ ng test Your global Angular CLI version (7.3.8) is greater than your local version (6.1.0). The local Angular CLI version is used. To disable this warning use "ng config -g cli.warning...
AngularJS------Error: Cannot find module '@angular-devkit/core'
weixin_34001430的博客
02-17 287
如图： 解决方法： 进入项目目录下执行以下代码 npm i --save-dev @angular-devkit/core  
【webpack】DevServer运行时webpack-dev-server插件报错：Cannot find module ‘webpack-cli/bin/config-yargs
这道题我不会做...不会做啊..太难了！！
05-13 503
文章目录前言原因解决方法 前言 使用webpack的开发服务器(DevServer)进行热部署时，运行npx webpack-dev-server命令时，运行报错了 原因 本地默认安装的新版webpack5与相关协作的功能包并不兼容 解决方法 因为不想回退webpack版本，所以就查阅官方文档，发现最新的运行命令为：npx webpack serve ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值