首次执行ng serve启动Angular项目时出现依赖包缺失报错
解决Angular运行
ng serve时的@angular-devkit/build-angular:dev-server找不到错误 执行ng serve启动Angular项目时,抛出以下错误:
Error: Could not find the '@angular-devkit/build-angular:dev-server' builder's node package
用户提供的package.json配置如下:
{ "name": "school-mgt", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", "test": "ng test" }, "private": true, "dependencies": { "@angular/cdk": "^19.2.15", "@angular/common": "^19.2.0", "@angular/compiler": "^19.2.0", "@angular/core": "^19.2.0", "@angular/forms": "^19.2.0", "@angular/material": "^19.2.15", "@angular/platform-browser": "^19.2.0", "@angular/platform-browser-dynamic": "^19.2.0", "@angular/router": "^19.2.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" }, "devDependencies": { "@angular-devkit/build-angular": "^19.2.11", "@angular/cli": "^19.2.11", "@angular/compiler-cli": "^19.2.0", "@types/jasmine": "~5.1.0", "jasmine-core": "~5.6.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.6" } }
解决方案
1. 清理依赖并重新安装
这是最常见的修复方式,解决依赖安装不完整或缓存问题:
- 删除本地依赖文件夹和锁文件:
rm -rf node_modules package-lock.json - 重新安装所有依赖:
npm install
2. 确保@angular-devkit/build-angular安装正确
如果重新安装后问题依旧,可手动指定版本安装该依赖:
npm install @angular-devkit/build-angular@19.2.11 --save-dev
3. 检查CLI版本一致性
全局Angular CLI版本与本地项目版本不匹配也可能导致该问题:
- 查看当前全局和本地CLI版本:
ng --version - 如果版本差异较大,更新全局CLI到项目对应版本:
npm install -g @angular/cli@19.2.11
4. 验证angular.json配置
确认项目根目录下的angular.json中,serve命令的builder配置正确:
"architect": { "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "school-mgt:build" } } }
内容的提问来源于stack exchange,提问作者Jitesh Boliya
相关产品推荐
相关产品推荐

