在ng serve命令上找不到构建器@ angular-devkit / build-angular：dev-server的实现

Question

在此之后，我尝试更新角度CLI ，但现在无法运行我的应用程序。当我尝试运行命令时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 (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:49:19)
    at ServeCommand.initialize (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\models\architect-command.js:135:55)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:745:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)

我已经尝试了所有可能找到的东西。

• 我尝试使用以下命令手动安装devkit npm install --save-dev @angular-devkit/build-angular
• 我试图运行命令 npm i --only=dev
• 我试图运行命令

：

npm install
ng update
npm update

• 删除了node_modules文件夹和package-lock.json文件，然后再次运行了所有命令。

没事。跑步ng v给我这个：

Angular CLI: 8.0.3
Node: 10.15.0
OS: win32 x64
Angular: 8.0.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

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              7.3.9
@angular-devkit/schematics        8.0.3
@angular/cli                      8.0.3
@ngtools/webpack                  7.3.9
@schematics/angular               8.0.3
@schematics/update                0.800.3
rxjs                              6.5.2
typescript                        3.4.5
webpack                           4.29.0

我的package.json是这样的：

{
  "name": "financial-app-ui",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^8.0.1",
    "@angular/cdk": "^8.0.1",
    "@angular/common": "^8.0.1",
    "@angular/compiler": "^8.0.1",
    "@angular/core": "^8.0.1",
    "@angular/forms": "^8.0.1",
    "@angular/platform-browser": "^8.0.1",
    "@angular/platform-browser-dynamic": "^8.0.1",
    "@angular/router": "^8.0.1",
    "core-js": "^2.6.9",
    "font-awesome": "^4.7.0",
    "primeicons": "^1.0.0",
    "primeng": "^7.1.3",
    "rxjs": "~6.5.2",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.13.9",
    "@angular/cli": "^8.0.3",
    "@angular/compiler-cli": "^8.0.1",
    "@angular/language-service": "^8.0.1",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.4.5"
  }
}

有人还有其他建议吗？

Answer 1

我通过重新安装 build-angular 包来解决这个问题。请注意安装命令上的“--save-dev”标志：

npm uninstall @angular-devkit/build-angular
npm install --save-dev @angular-devkit/build-angular

Answer 2

我能够通过使用以下命令安装包 @angular-devkit/build-angular 来解决这个问题：

npm install @angular-devkit/build-angular --force

Answer 3

使用以下命令解决了我的问题：

ng update @angular/cli @angular/core --allow-dirty --force

Answer 4

我有同样的问题。只需两个命令就解决了我的问题

npm uninstall @angular-devkit/build-angular

npm install --save-dev @angular-devkit/build-angular
//OR
npm install @angular-devkit/build-angular

如果这不起作用。不用担心。运行这个命令。

ng update @angular/cli @angular/core --allow-dirty --force

Answer 5

ng update 应该已经为您更新了版本 @angular-devkit/build-angular

我也遇到了这个问题，我所做的是创建了一个新的 Angular 应用程序，并确保ng serve它对新创建的 Angular 应用程序运行良好。然后我从正在运行的 Angular 应用程序中复制并使用了以下内容package.json，即：

`"@angular-devkit/build-angular": "~0.802.2",`

确保您运行 npm install

（版本很可能会随着每个 Angular 更新而改变 - 所以按照我概述的步骤检查你需要使用的版本 - 如果 ng update 还没有为你更新它）

Answer 6

确保你的 angular.json 中有这个配置

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "angular8:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "angular8:build:production"
        }
      }
    }

并确保你已经安装了这个包

@angular-devkit/build-angular