Das Modul "@ angle-devkit / build-angle" konnte nicht gefunden werden.

Nach dem Update auf Angular 6.0.1 wird der folgende Fehler angezeigt ng serve:

Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName".
Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName".
    at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11)
    at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40)

ng updatesagt, alles ist in Ordnung. Das Löschen eines node_modulesOrdners und eine npm installNeuinstallation haben ebenfalls nicht geholfen.

Mein Projekt basiert auf ng2-admin (Angular4-Version) . Hier ist meine package.json-Abhängigkeiten:

 "dependencies": {
    "@angular/animations": "^6.0.1",
    "@angular/common": "^6.0.1",
    "@angular/compiler": "^6.0.1",
    "@angular/core": "^6.0.1",
    "@angular/forms": "^6.0.1",
    "@angular/http": "^6.0.1",
    "@angular/platform-browser": "^6.0.1",
    "@angular/platform-browser-dynamic": "^6.0.1",
    "@angular/platform-server": "^6.0.1",
    "@angular/router": "^6.0.1",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.26",
    "@ngx-translate/core": "^10.0.1",
    "@ngx-translate/http-loader": "^3.0.1",
    "amcharts3": "github:amcharts/amcharts3",
    "ammap3": "github:amcharts/ammap3",
    "angular-table": "^1.0.4",
    "angular2-csv": "^0.2.5",
    "angular2-datatable": "0.6.0",
    "animate.css": "3.5.2",
    "bootstrap": "4.0.0-alpha.6",
    "bower": "^1.8.4",
    "chart.js": "1.1.1",
    "chartist": "0.10.1",
    "chroma-js": "1.3.3",
    "ckeditor": "4.6.2",
    "core-js": "2.4.1",
    "easy-pie-chart": "2.1.7",
    "font-awesome": "4.7.0",
    "fullcalendar": "3.3.1",
    "google-maps": "3.2.1",
    "ionicons": "2.0.1",
    "jquery": "3.2.1",
    "jquery-slimscroll": "1.3.8",
    "leaflet": "0.7.7",
    "leaflet-map": "0.2.1",
    "lodash": "4.17.4",
    "ng2-ckeditor": "1.1.6",
    "ng2-completer": "^1.6.3",
    "ng2-handsontable": "^2.1.0-rc.3",
    "ng2-slim-loading-bar": "^4.0.0",
    "ng2-smart-table": "^1.0.3",
    "ng2-tree": "2.0.0-alpha.5",
    "ngx-uploader": "4.2.4",
    "normalize.css": "6.0.0",
    "roboto-fontface": "0.7.0",
    "rxjs": "^6.1.0",
    "rxjs-compat": "^6.1.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "^6.0.1",
    "@angular/compiler-cli": "^6.0.1",
    "@types/fullcalendar": "2.7.40",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "2.0.41",
    "@types/jquery.slimscroll": "1.3.30",
    "@types/lodash": "4.14.61",
    "@types/node": "6.0.69",
    "codelyzer": "3.0.1",
    "gh-pages": "0.12.0",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.4.1",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "0.2.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "npm-run-all": "4.0.2",
    "protractor": "5.1.0",
    "rimraf": "2.6.1",
    "standard-changelog": "1.0.1",
    "stylelint": "7.10.1",
    "ts-node": "2.1.2",
    "tslint": "5.2.0",
    "tslint-eslint-rules": "4.0.0",
    "tslint-language-service": "0.9.6",
    "typescript": "^2.7.2",
    "typogr": "0.6.6",
    "underscore": "1.8.3",
    "wintersmith": "2.2.5",
    "wintersmith-sassy": "1.1.0"
  }

und mein angle.json:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ng2-admin": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.app.json",
            "polyfills": "src/polyfills.ts",
            "assets": [
              "src/assets",
              "src/favicon.ico"
            ],
            "styles": [
              "node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
              "node_modules/normalize.css/normalize.css",
              "node_modules/font-awesome/scss/font-awesome.scss",
              "node_modules/ionicons/scss/ionicons.scss",
              "node_modules/bootstrap/scss/bootstrap.scss",
              "node_modules/leaflet/dist/leaflet.css",
              "node_modules/chartist/dist/chartist.css",
              "node_modules/fullcalendar/dist/fullcalendar.css",
              "node_modules/handsontable/dist/handsontable.full.css",
              "node_modules/ng2-slim-loading-bar/style.css",
              "src/app/theme/theme.scss",
              "src/styles.scss"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/easy-pie-chart/dist/jquery.easypiechart.js",
              "node_modules/jquery-slimscroll/jquery.slimscroll.js",
              "node_modules/tether/dist/js/tether.js",
              "node_modules/bootstrap/dist/js/bootstrap.js",
              "node_modules/handsontable/dist/handsontable.full.js",
              "node_modules/chroma-js/chroma.js"
            ]
          },
          "configurations": {
            "production": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "ng2-admin:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "ng2-admin:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "ng2-admin:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "karmaConfig": "./karma.conf.js",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.spec.json",
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/easy-pie-chart/dist/jquery.easypiechart.js",
              "node_modules/jquery-slimscroll/jquery.slimscroll.js",
              "node_modules/tether/dist/js/tether.js",
              "node_modules/bootstrap/dist/js/bootstrap.js",
              "node_modules/handsontable/dist/handsontable.full.js",
              "node_modules/chroma-js/chroma.js"
            ],
            "styles": [
              "node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
              "node_modules/normalize.css/normalize.css",
              "node_modules/font-awesome/scss/font-awesome.scss",
              "node_modules/ionicons/scss/ionicons.scss",
              "node_modules/bootstrap/scss/bootstrap.scss",
              "node_modules/leaflet/dist/leaflet.css",
              "node_modules/chartist/dist/chartist.css",
              "node_modules/fullcalendar/dist/fullcalendar.css",
              "node_modules/handsontable/dist/handsontable.full.css",
              "node_modules/ng2-slim-loading-bar/style.css",
              "src/app/theme/theme.scss",
              "src/styles.scss"
            ],
            "assets": [
              "src/assets",
              "src/favicon.ico"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "src/tsconfig.app.json",
              "src/tsconfig.spec.json"
            ],
            "exclude": []
          }
        }
      }
    },
    "ng2-admin-e2e": {
      "root": "",
      "sourceRoot": "",
      "projectType": "application",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "./protractor.conf.js",
            "devServerTarget": "ng2-admin:serve"
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "e2e/tsconfig.e2e.json"
            ],
            "exclude": []
          }
        }
      }
    }
  },
  "defaultProject": "ng2-admin",
  "schematics": {
    "@schematics/angular:component": {
      "prefix": "app",
      "styleext": "scss"
    },
    "@schematics/angular:directive": {
      "prefix": "app"
    }
  }
}

@angular-devkit/build-angularAls Entwicklungsabhängigkeit installieren . Dieses Paket wurde in Angular 6.0 neu eingeführt

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

oder,

yarn add @angular-devkit/build-angular --dev

npm update

Es funktionierte wie ein Zauber.

für Winkel 6 und höher

Die Arbeitslösung für mich war

npm install

ng update

und schlussendlich

npm update

DevDependencies müssen explizit abgerufen werden.

npm i --only=dev

Wenn der folgende Befehl nicht funktioniert,

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

Wechseln Sie dann in den Projektordner und führen Sie den folgenden Befehl aus:

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

Alle obigen Antworten sind richtig, aber sie haben bei mir nicht funktioniert. Die einzige Möglichkeit, diese Arbeit zu machen, bestand darin, die folgenden Schritte / Befehle auszuführen:

npm uninstall -g @angular/[email protected]
npm cache clean --force
npm install -g @angular/cli@latest
npm install node-sass -g
ng new MY_PROJECT_NAME
cp -r from_my_old_project to_new_MY_PROJECT_NAME

Für Winkel 8

Installieren Sie npm-check-updates Paket

Lauf:

$ npm i npm-check-updates
$ ncu -u
$ npm install

Dieses Paket aktualisiert alle Pakete und behebt dieses Problem

Hinweis: Nach dem Update Wenn Sie auf dieses Problem stoßen:

FEHLER im Angular Compiler erfordert TypeScript> = 3.4.0 und <3.6.0, aber stattdessen wurde 3.6.3 gefunden.

dann renne:

$ npm install [email protected]

Quelle Link -

npm installnpm installGeben Sie einfach ein und führen Sie es aus. Dann wird das Projekt ohne Fehler ausgeführt. Oder Sie können verwendennpm install --save-dev @angular-devkit/build-angular

Folgendes hat bei mir funktioniert. Sonst hat leider nichts getan.

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular
ng update --all --allow-dirty --force

Probier diese.

npm install

npm update

if it's shows something like this. 

Führen Sie sie aus npm audit fix, um sie zu beheben, oder npm auditfür Details

TU das!

Folgende Befehle funktionieren:

npm install
ng update

- Möglicherweise wird die Meldung "Wir haben Ihre package.json analysiert und alles scheint in Ordnung zu sein. Gute Arbeit!"

npm update

Dann versuchen Sie es mit dev build

ng build 

Ich habe den Fehler mit dem Typ Skript erhalten, das auf heruntergestuft wurde

npm install typescript@">=3.1.1 <3.2

ng build --prod 

Alle Erfolge mit Prod Build.

Unten ist die Arbeitskombination

ng --version

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.11.0
@angular-devkit/build-angular     0.11.0
@angular-devkit/build-optimizer   0.11.0
@angular-devkit/build-webpack     0.11.0
@angular-devkit/core              7.1.0
@angular-devkit/schematics        7.1.0
@angular/cli                      7.1.0
@ngtools/webpack                  7.1.0
@schematics/angular               7.1.0
@schematics/update                0.11.0
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

Ich habe alles oben versucht und dies ist der feste Weg für mich:

-> Löschen Sie den Ordner node_modules.

-> Terminal -> npm installieren.

Hoffe das hat geholfen!

Ich hatte das gleiche Problem mit Angular 7. Gerade wurde der folgende Befehl ausgeführt und der Fehler wurde behoben.

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

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

löste es für mich.

Führen Sie einfach den folgenden Befehl aus und der Fehler wurde behoben

• ng update @angular/cli @angular/core
• npm uninstall @angular-devkit/build-angular

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

  Wenn dieser Fehler mit dem obigen Befehl nicht behoben werden konnte, aktualisieren Sie die Knotenversion

  • npm update npm -g

node_modulesOrdner zuerst löschen

dann System neu starten

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

und

Lauf npm install

Wenn wir Befehle wie ausführen ng serve, wird die lokale Version von @ angle / cli verwendet. Installieren Sie also zuerst die neueste Version von @ angle / cli lokal (ohne das Flag -g). Aktualisieren Sie dann die CLI mit dem ng update @angular/cliBefehl. Ich denke, das sollte das Problem beheben. Vielen Dank

Dieser Link kann Ihnen helfen, wenn Sie Ihr Winkelprojekt aktualisieren. Https://update.angular.io/

Ich hatte vor einer Minute mit dem gleichen Problem zu kämpfen. Mein Projekt wurde mit der Version 1.6.0 von angle-cli erstellt.

1. npm update -g @angular/cli

2. editing my package.json changing the line
    "@angular/cli": "1.6.0",
      to
    "@angular/cli": "^1.6.0",

3. npm update

Ich hoffe meine Hilfe ist effektiv ツ

Versuchen Sie dies zuerst

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

Wenn bei fehlenden Paketen erneut ein Fehler auftritt, versuchen Sie es

npm install

Das funktioniert bei mir, verpflichten und dann:

ng update @angular/cli @angular/core
npm install --save-dev @angular/cli@latest

Ich hatte heute das gleiche Problem, nachdem ich den Knoten von Version 9 auf Version 10 aktualisiert hatte.
Meine Umgebung wird von Docker festgelegt und ich musste diesen Befehl aus meiner Docker-Datei entfernen:

npm link @angular/cli

Es wird ein Symlink zu dem Verzeichnis erstellt, in dem der Knoten installiert ist.
Ich denke, das angular/cliModul darin hat nicht die gleiche Version wie das im Verzeichnis node_modules meines Projekts, und dies verursacht das Problem.

Dieser Fehler tritt im Allgemeinen auf, wenn das Winkelprojekt nicht vollständig konfiguriert wurde.

Das wird funktionieren

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

npm install

Das Folgende zu laufen hat bei mir funktioniert npm audit fix --force

Fügen Sie @angular-devkit/build-angularunter Ihrer Dev-Abhängigkeit hinzu, und es wird funktionieren, oder Sie können auch ausführen

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

Löschen Sie package-lock.json und installieren Sie npm erneut. Es sollte das Problem beheben.

** Dieser Fix ist besser geeignet, wenn Sie die Angular 6-App mit ng new erstellt haben und nach der Installation anderer Abhängigkeiten dieser Fehler auftritt.

In meinem Fall liegt das Problem an fehlenden Abhängigkeiten. Warum Abhängigkeiten fehlen, weil ich vergessen habe anzurufen:

npm installieren

Nach dem Aufrufen des obigen Befehls werden alle erforderlichen Abhängigkeiten in node_modules geladen, und das ist kein Problem mehr

Führen Sie den folgenden Befehl auf Ihrer CLI aus:

• npm installieren

• Löschen Sie die node_modules.
• Leeren Sie den Cache mit 'npm cache clean --verify'.
• Und dann npm wieder installieren.

Funktioniert wie ein Zauber für mich.

Versuche dies. Es hat bei mir funktioniert

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@next

Leider hat keine der angebotenen Lösungen perfekt für mich funktioniert, aber die Antwort von grepit hat mich dazu inspiriert, die folgenden Schritte auszuführen. Ich habe node.js über mein Betriebssystem (Windows 10) deinstalliert und erneut installiert. Dann installierte Angular CLI. Dann habe ich ein neues Projekt erstellt und die src-Datei meines alten Projekts in dieses neue kopiert, und der Fehler ist verschwunden.

Hier sind die Anweisungen:

1. Deinstallieren Sie node.js über Ihr Betriebssystem und installieren Sie es erneut
2. npm install -g @angular/cli
3. Benennen Sie Ihr Projekt in YOUR_PROJECT_NAME.old um
4. ng new YOUR_PROJECT_NAME
5. Führen Sie dieses Hallo-Welt-Projekt ( ng serve) aus, um sicherzustellen, dass Sie den Fehler nicht erhalten.
6. xcopy YOUR_PROJECT_NAME.old\src\*.* YOUR_PROJECT_NAME\src /s
   Dies ist die Windows-Version der Kopie. Ändern Sie sie basierend auf Ihrem eigenen Betriebssystem.