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


449

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"
    }
  }
}

Für Angular 8 Installieren Sie einfach das NCU npm-Paket [$ npm i -g npm-check-updates] und aktualisieren Sie alle hier, um weitere Informationen zu erhalten. Freakyjolly.com/how-to-update-local-angular-cli-version
Code Spy

Antworten:


734

@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


11
Ich stehe vor dem gleichen Problem. Leider hat Ihre Lösung bei mir nicht funktioniert. Haben Sie weitere Vorschläge?
Subzerodeluxe

Genau der gleiche Fehler? Und die Konfigurationsdatei? sind sie gleich wie diese Frage?
Ritwick Dey

Ja. Nun, ich habe mich weiter mit diesem Thema befasst. Es stellt sich heraus, dass es auf meinem Mac Mini einwandfrei funktioniert, sodass es wahrscheinlich etwas mit meinem Node-Setup unter Windows zu tun hat.
Subzerodeluxe

2
Upgrade auf Winkel 7 - Die akzeptierte Antwort hat den Fehler behoben (upvoted), aber das Upgrade-Problem insgesamt nicht gelöst. Dies tat stackoverflow.com/a/51592138/852806
HockeyJ

3
Danke dafür. Ich bin gerade auf dieses Problem gestoßen, als ich versucht habe, dem Angular-Tutorial zu folgen: angular.io/guide/quickstart - scheint jemand vergessen zu haben, die Dokumentation zu aktualisieren?
Dan King

167
npm update

Es funktionierte wie ein Zauber.


3
Ich bin auf halbem Weg durch das Tutorial "Angular-Tour-of-Heroes" zu einer neuen Maschine gewechselt und habe die halbherzige Arbeit aus der Quellcodeverwaltung gezogen. Dies hat es behoben.
Heliac

Nachdem ich im Projekt meines Kollegen einen Zweig erstellt hatte, wurde die Fehlermeldung angezeigt. Dies hat es behoben. Vielen Dank.
Moni

Nichts "halbgebackenes" daran, den node modulesOrdner nicht einzuchecken . Dadurch werden Ihre Knotenmodule einfach basierend auf Ihrer package.json neu erstellt. Dies ist völlig normal, wenn Sie eine neue Lösung ausprobieren.
Liam

2
Es löst alle Abhängigkeiten auf :). +1
Hammad Sajid

Möglicherweise sind zusätzliche Pakete veraltet. Führen Sie aus ng update --all, um zu versuchen, alle gleichzeitig zu aktualisieren.
Einsam

86

für Winkel 6 und höher

Die Arbeitslösung für mich war

npm install

ng update

und schlussendlich

npm update


Wenn ich das ng-Update durchführe, erhalte ich mehrere Meldungen zu verschiedenen spezifischen Updates, die benötigt werden. Name Version Befehl zum Aktualisieren ----------------------------------------- ----------------------------------- @ angle / core 4.4.7 -> 8.2.4 ng update @ angle / core @ ngrx / store 2.2.3 -> 8.3.0 ng update @ ngrx / store rxjs 5.5.12 -> 6.5.3 ng update rxjs
Aggie Jon vom 87.

3
Danke @ user9964622, diese Lösung hat bei mir funktioniert.
Tief

@ Deep Ich bin froh, dass ich helfen konnte, fröhliche Codierung
The Dead Man


15

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

npm install --save @ angle-devkit / build-angular hat bei mir funktioniert, aber das einzige Problem war, dass ich versucht habe, diesen Befehl an einer Eingabeaufforderung auszuführen, die nicht als Administrator ausgeführt wurde, und ich habe eingegeben, um diesen Befehl auszuführen, der nicht angezeigt wurde Jeder Fehler nichts nur Cursor war im Wartezustand, dann habe ich einfach ein Cmd mit Admin ausgeführt, es hat funktioniert. Danke
asifaftab87

14

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/cli@6.0.8
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

Wenn Sie versuchen, eine Bibliothek zu erstellen, verwenden Sie ng new MY_PROJECT_NAME --create-application=falseden vorletzten Befehl. Ich hatte diesen Fehler beim Versuch, eine Bibliothek zu erstellen. Das --create-application=falseFlag vermeidet unnötige Abhängigkeiten. ( angle.io/guide/creating-libraries#getting-started )
VSO

1
arbeitete für mich, nachdem ich den npm-Cache geleert und erneut installiert hatte
Braj

9

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 typescript@3.5.3

Quelle Link -


'ncu' wird nicht als interner oder externer Befehl, bedienbares Programm oder Batchdatei erkannt.
VivekDev

8

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


8

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

Ich hatte eine Nachricht mit der Aufschrift --allow-dirty nicht installiert. Aber meine Sachen aktualisiert.
Garth Baker

6

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!


1
Und wenn Sie das tun, sagt NPM: "Ich hoffe, Sie wissen, was Sie tun." Das gab mir die Freaks.
О Г И І І

1
upvoted da es geholfen hat - wenn auch nur teilweise. Danach hatte ich noch einige fehlende Peer-Abhängigkeiten, die ich nach dieser Idee installiere: stackoverflow.com/a/51063840/2995907
dingalapadum

6

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

6

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!


4

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

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

löste es für mich.


4

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

4

node_modulesOrdner zuerst löschen

dann System neu starten

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

und

Lauf npm install


3

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/


3

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 ツ


1
Dies hat nichts damit zu tun, dass kein Modul gefunden werden kann. Dies bedeutet nur, dass das Winkel-CLI-Modul für jede Version 1.6.x
SanSolo

3

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

3

Das funktioniert bei mir, verpflichten und dann:

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

3

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.


2

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

0

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


0

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


0

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.


0

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



0
  • 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.


0

Versuche dies. Es hat bei mir funktioniert

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

@next gibt Ihnen Beta
Brent

0

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.
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.