Angular 8 更新后 ng serve 不起作用 [英] ng serve is not working after Angular 8 update
本文介绍了Angular 8 更新后 ng serve 不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
错误
<块引用>找不到 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屋！
查看全文
