Angular 8 更新后 ng serve 不起作用 [英] ng serve is not working after Angular 8 update
问题描述
错误
<块引用>找不到 builder @angular-devkit/build-angular:dev-server 的实现
ng 服务找不到 builder @angular-devkit/build-angular:dev-server 的实现错误:找不到 builder @angular-devkit/build-angular:dev-server 的实现在 WorkspaceNodeModulesArchitectHost.resolveBuilder (D:\angular-tour-of-heroes\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:49:19)在 ServeCommand.initialize (D:\angular-tour-of-heroes\node_modules\@angular\cli\models\architect-command.js:135:55)在 async ServeCommand.validateAndRun (D:\angular-tour-of-heroes\node_modules\@angular\cli\models\command.js:127:9)在 async Object.runCommand (D:\angular-tour-of-heroes\node_modules\@angular\cli\models\command-runner.js:178:24)在 async default_1 (D:\angular-tour-of-heroes\node_modules\@angular\cli\lib\cli\index.js:32:31)
ng 版本
Angular CLI:8.0.3节点:12.4.0操作系统:win32 x64角度:7.2.2... 动画、cdk、通用、编译器、核心、表单、http... 平台浏览器、平台浏览器动态、路由器... 服务人员套餐版本-----------------------------------------------------------@angular-devkit/架构师 0.13.9@angular-devkit/build-angular 0.13.9@angular-devkit/build-optimizer 0.13.9@angular-devkit/build-webpack 0.13.9@angular-devkit/核心 8.0.3@angular-devkit/schematics 8.0.3@angular/cli 8.0.3@angular/compiler-cli 7.2.15@angular/language-service 7.2.15@角度/材料 7.3.7@角度/pwa 0.800.3@ngtools/webpack 7.3.9@原理图/角度 8.0.3@原理图/更新 0.13.9rxjs 6.3.3打字稿 3.2.4网络包 4.29.0
打包 Json
<代码> {"name": "angular-tour-of-heroes",版本":0.0.0","许可证": "麻省理工学院",私人":真的,依赖关系":{"@angular/animations": "7.2.2","@angular/cdk": "~7.2.2","@angular/common": "7.2.2","@angular/compiler": "7.2.2","@angular/core": "7.2.2","@angular/forms": "7.2.2","@angular/http": "7.2.2","@angular/material": "^7.2.2","@angular/platform-browser": "7.2.2","@angular/platform-browser-dynamic": "7.2.2","@angular/pwa": "^0.800.3","@angular/router": "7.2.2","@angular/service-worker": "7.2.2",角度数据表":^7.0.0","angular-in-memory-web-api": "0.8.0","angular2-datatable": "^0.6.0","引导程序": "^4.3.1","core-js": "2.6.3","datatables.net": "^1.10.19","datatables.net-buttons": "^1.5.6","datatables.net-buttons-dt": "^1.5.6","datatables.net-dt": "^1.10.19","hammerjs": "^2.0.8","jasmine-core": "3.3.0","茉莉花大理石": "0.4.1","jquery": "^3.4.1","jszip": "^3.2.1","ng-select2": "^1.0.8","ng2-select2": "^1.0.0-beta.16","ngx-bootstrap": "^3.2.0","rxjs": "6.3.3","rxjs-compat": "^6.3.3","select2": "^4.0.6-rc.1","tslib": "^1.9.0","web-animations-js": "2.3.1",zone.js":0.8.29"},脚本":{"ng": "ng","start": "ng serve","build": "ng build","test": "ng 测试","lint": "ng lint","e2e": "ng e2e"},开发依赖":{"@angular-devkit/build-angular": "^0.13.9","@angular-devkit/core": "^8.0.3","@angular/cli": "^8.0.3","@angular/compiler-cli": "^7.2.7","@angular/language-service": "~7.2.2","@types/datatables.net": "^1.10.15","@types/datatables.net-buttons": "^1.4.1","@types/jasmine": "~3.3.8","@types/jasminewd2": "^2.0.6","@types/jquery": "^3.3.29","@types/node": "~10.12.18","codelyzer": "~4.5.0","jasmine-spec-reporter": "~4.2.1","业力": "^4.0.1","karma-chrome-launcher": "~2.2.0","karma-coverage-istanbul-reporter": "~2.0.1","karma-jasmine": "^2.0.1","karma-jasmine-html-reporter": "^1.4.0",量角器":~5.4.0","ts-node": "~8.0.1","tslint": "~5.12.1",打字稿":~3.2.4"}}
我尝试过的解决方案
删除 node_module,package-lock.jsonnpm install --save-dev @angular-devkit/build-angular安装更新npm install -g typescript@latest
我尝试更新
PS D:\angular-tour-of-heroes>更新使用包管理器:'npm'正在收集已安装的依赖项...找到 58 个依赖项.我们分析了你的 package.json,有一些包需要更新:要更新的名称版本命令--------------------------------------------------------------------------------@angular/cdk 7.2.2 ->8.0.1 ng 更新@angular/cdk@angular/core 7.2.15 ->8.0.1 ng 更新@angular/core@angular/core 7.2.2 ->7.2.15 ng 更新@angular/core@角度/材料 7.3.7 ->8.0.1 ng 更新@angular/materialrxjs 6.3.3 ->6.5.2 ng 更新 rxjs可能还有其他软件包已过时.运行ng update --all"以尝试同时更新所有内容.PS D:\angular-tour-of-heroes>ng更新@angular/cdk存储库不干净.请在更新前提交或隐藏任何更改.npm 缓存验证
我尝试更新 Node/Npm 版本
node -vv12.4.0npm -v6.9.0
我也关注了链接找不到模块"@angular-devkit/build-angular"
<块引用>升级的角度指南https://update.angular.io/#7.0:8.0
D:\angular-tour-of-heroes>ng 更新 @angular/cli @angular/core存储库不干净.请在更新前提交或隐藏任何更改.
<块引用>
修复git问题后
PS D:\angular-tour-of-heroes>ng 更新 --all使用包管理器:'npm'正在收集已安装的依赖项...找到 58 个依赖项.包@angular/compiler-cli"对typescript"有不兼容的对等依赖(需要>=3.4 <3.5",会安装3.5.2")包@angular-devkit/build-angular"与typescript"有不兼容的对等依赖(需要>=3.1 < 3.5",将安装3.5.2")包angular2-datatable"与@angular/common"有不兼容的对等依赖(需要^2.0.0"(扩展),将安装8.0.1").包@angular/http"与@angular/core"有不兼容的对等依赖(需要7.2.15",会安装8.0.1")包angular2-datatable"与@angular/core"有不兼容的对等依赖(需要^2.0.0"(扩展),将安装8.0.1").包angular2-datatable"对@angular/platform-browser"具有不兼容的对等依赖(需要^2.0.0"(扩展),将安装8.0.1").包@angular/compiler-cli"与typescript"有不兼容的对等依赖(需要>=3.4 <3.5",会安装3.5.2").包angular2-datatable"对rxjs"具有不兼容的对等依赖(需要^5.0.0-beta.12",将安装6.5.2").发现不兼容的对等依赖项.看上面
尝试所有解决方案后仍然无法在 cli 中运行 ng serve.
欢迎任何帮助
解决方案
升级到 Angular 8 后
可能会出现问题
ng update --all使用包管理器:'npm'正在收集已安装的依赖项...找到 58 个依赖项.包@angular/compiler-cli"对typescript"有不兼容的对等依赖(需要>=3.4 <3.5",会安装3.5.2")包@angular-devkit/build-angular"与typescript"有不兼容的对等依赖(需要>=3.1 < 3.5",将安装3.5.2")包angular2-datatable"与@angular/common"有不兼容的对等依赖(需要^2.0.0"(扩展),将安装8.0.1").包@angular/http"与@angular/core"有不兼容的对等依赖(需要7.2.15",会安装8.0.1")包angular2-datatable"与@angular/core"有不兼容的对等依赖(需要^2.0.0"(扩展),将安装8.0.1").包angular2-datatable"对@angular/platform-browser"具有不兼容的对等依赖(需要^2.0.0"(扩展),将安装8.0.1").包@angular/compiler-cli"与typescript"有不兼容的对等依赖(需要>=3.4 <3.5",会安装3.5.2").包angular2-datatable"对rxjs"具有不兼容的对等依赖(需要^5.0.0-beta.12",将安装6.5.2").发现不兼容的对等依赖项.看上面
这些错误的解决方案
<块引用>ng update --all --force
然后报错
Angular Compiler 中的 ERROR 需要 TypeScript >=3.4.0 和 <3.5.0,但找到了 3.5.2.
<块引用>
npm install typescript@">=3.4.0 <3.5.0" --save-dev --save-exact
只是为了确保运行以下步骤:npm uninstall -g @angular/clinpm 缓存验证npm install -g @angular/cli@latest然后在您的本地项目包中:rm -rf node_modules distnpm install --save-dev @angular/cli@latest我的ng更新@angular/cling更新@angular/core
将解决问题
Error
Could not find the implementation for builder @angular-devkit/build-angular:dev-server
ng serve
Could not find the implementation for builder @angular-devkit/build-angular:dev-server
Error: Could not find the implementation for builder @angular-devkit/build-angular:dev-server
at WorkspaceNodeModulesArchitectHost.resolveBuilder (D:\angular-tour-of-heroes\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:49:19)
at ServeCommand.initialize (D:\angular-tour-of-heroes\node_modules\@angular\cli\models\architect-command.js:135:55)
at async ServeCommand.validateAndRun (D:\angular-tour-of-heroes\node_modules\@angular\cli\models\command.js:127:9)
at async Object.runCommand (D:\angular-tour-of-heroes\node_modules\@angular\cli\models\command-runner.js:178:24)
at async default_1 (D:\angular-tour-of-heroes\node_modules\@angular\cli\lib\cli\index.js:32:31)
ng version
Angular CLI: 8.0.3
Node: 12.4.0
OS: win32 x64
Angular: 7.2.2
... animations, cdk, common, compiler, core, forms, http
... platform-browser, platform-browser-dynamic, router
... service-worker
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.13.9
@angular-devkit/build-angular 0.13.9
@angular-devkit/build-optimizer 0.13.9
@angular-devkit/build-webpack 0.13.9
@angular-devkit/core 8.0.3
@angular-devkit/schematics 8.0.3
@angular/cli 8.0.3
@angular/compiler-cli 7.2.15
@angular/language-service 7.2.15
@angular/material 7.3.7
@angular/pwa 0.800.3
@ngtools/webpack 7.3.9
@schematics/angular 8.0.3
@schematics/update 0.13.9
rxjs 6.3.3
typescript 3.2.4
webpack 4.29.0
Package Json
{
"name": "angular-tour-of-heroes",
"version": "0.0.0",
"license": "MIT",
"private": true,
"dependencies": {
"@angular/animations": "7.2.2",
"@angular/cdk": "~7.2.2",
"@angular/common": "7.2.2",
"@angular/compiler": "7.2.2",
"@angular/core": "7.2.2",
"@angular/forms": "7.2.2",
"@angular/http": "7.2.2",
"@angular/material": "^7.2.2",
"@angular/platform-browser": "7.2.2",
"@angular/platform-browser-dynamic": "7.2.2",
"@angular/pwa": "^0.800.3",
"@angular/router": "7.2.2",
"@angular/service-worker": "7.2.2",
"angular-datatables": "^7.0.0",
"angular-in-memory-web-api": "0.8.0",
"angular2-datatable": "^0.6.0",
"bootstrap": "^4.3.1",
"core-js": "2.6.3",
"datatables.net": "^1.10.19",
"datatables.net-buttons": "^1.5.6",
"datatables.net-buttons-dt": "^1.5.6",
"datatables.net-dt": "^1.10.19",
"hammerjs": "^2.0.8",
"jasmine-core": "3.3.0",
"jasmine-marbles": "0.4.1",
"jquery": "^3.4.1",
"jszip": "^3.2.1",
"ng-select2": "^1.0.8",
"ng2-select2": "^1.0.0-beta.16",
"ngx-bootstrap": "^3.2.0",
"rxjs": "6.3.3",
"rxjs-compat": "^6.3.3",
"select2": "^4.0.6-rc.1",
"tslib": "^1.9.0",
"web-animations-js": "2.3.1",
"zone.js": "0.8.29"
},
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.9",
"@angular-devkit/core": "^8.0.3",
"@angular/cli": "^8.0.3",
"@angular/compiler-cli": "^7.2.7",
"@angular/language-service": "~7.2.2",
"@types/datatables.net": "^1.10.15",
"@types/datatables.net-buttons": "^1.4.1",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "^2.0.6",
"@types/jquery": "^3.3.29",
"@types/node": "~10.12.18",
"codelyzer": "~4.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.0.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"ts-node": "~8.0.1",
"tslint": "~5.12.1",
"typescript": "~3.2.4"
}
}
Solution i have tried
remove node_module,package-lock.json
npm install --save-dev @angular-devkit/build-angular
npm install
npm update
npm install -g typescript@latest
i tried to update
PS D:\angular-tour-of-heroes> ng update
Using package manager: 'npm'
Collecting installed dependencies...
Found 58 dependencies.
We analyzed your package.json, there are some packages to update:
Name Version Command to update
--------------------------------------------------------------------------------
@angular/cdk 7.2.2 -> 8.0.1 ng update @angular/cdk
@angular/core 7.2.15 -> 8.0.1 ng update @angular/core
@angular/core 7.2.2 -> 7.2.15 ng update @angular/core
@angular/material 7.3.7 -> 8.0.1 ng update @angular/material
rxjs 6.3.3 -> 6.5.2 ng update rxjs
There might be additional packages that are outdated.
Run "ng update --all" to try to update all at the same time.
PS D:\angular-tour-of-heroes> ng update @angular/cdk
Repository is not clean. Please commit or stash any changes before updating.
npm cache verify
I have tried to Update Node/Npm version
node -v
v12.4.0
npm -v
6.9.0
I have also followed link Could not find module "@angular-devkit/build-angular"
Angular Guide for upgrade https://update.angular.io/#7.0:8.0
D:\angular-tour-of-heroes> ng update @angular/cli @angular/core
Repository is not clean. Please commit or stash any changes before updating.
After fixing git issue
PS D:\angular-tour-of-heroes> ng update --all
Using package manager: 'npm'
Collecting installed dependencies...
Found 58 dependencies.
Package "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">=3.4 <3.5", would install "3.5.2")
Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=3.1 < 3.5", would install "3.5.2")
Package "angular2-datatable" has an incompatible peer dependency to "@angular/common" (requires "^2.0.0" (extended), would install "8.0.1").
Package "@angular/http" has an incompatible peer dependency to "@angular/core" (requires "7.2.15", would install "8.0.1")
Package "angular2-datatable" has an incompatible peer dependency to "@angular/core" (requires "^2.0.0" (extended), would install "8.0.1").
Package "angular2-datatable" has an incompatible peer dependency to "@angular/platform-browser" (requires "^2.0.0" (extended), would install "8.0.1").
Package "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">=3.4 <3.5", would install "3.5.2").
Package "angular2-datatable" has an incompatible peer dependency to "rxjs" (requires "^5.0.0-beta.12", would install "6.5.2").
Incompatible peer dependencies found. See above
After trying all solution still cannot run ng serve in cli.
any help is most welcome
Solution
After upgrading to Angular 8
problem may occur
ng update --all
Using package manager: 'npm'
Collecting installed dependencies...
Found 58 dependencies.
Package "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">=3.4 <3.5", would install "3.5.2")
Package "@angular-devkit/build-angular" has an incompatible peer dependency to "typescript" (requires ">=3.1 < 3.5", would install "3.5.2")
Package "angular2-datatable" has an incompatible peer dependency to "@angular/common" (requires "^2.0.0" (extended), would install "8.0.1").
Package "@angular/http" has an incompatible peer dependency to "@angular/core" (requires "7.2.15", would install "8.0.1")
Package "angular2-datatable" has an incompatible peer dependency to "@angular/core" (requires "^2.0.0" (extended), would install "8.0.1").
Package "angular2-datatable" has an incompatible peer dependency to "@angular/platform-browser" (requires "^2.0.0" (extended), would install "8.0.1").
Package "@angular/compiler-cli" has an incompatible peer dependency to "typescript" (requires ">=3.4 <3.5", would install "3.5.2").
Package "angular2-datatable" has an incompatible peer dependency to "rxjs" (requires "^5.0.0-beta.12", would install "6.5.2").
Incompatible peer dependencies found. See above
Solution for these error
ng update --all --force
Then error
ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.5.2 was found instead.
npm install typescript@">=3.4.0 <3.5.0" --save-dev --save-exact
Just to be sure run the following steps:
npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@latest
Then in your Local project package:
rm -rf node_modules dist
npm install --save-dev @angular/cli@latest
npm i
ng update @angular/cli
ng update @angular/core
will fix the issue
这篇关于Angular 8 更新后 ng serve 不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!