web-dev-qa-db-fra.com

Impossible de trouver le module “@ angular-devkit/build-angular”

À l’aide de npm, j’ai suivi les instructions de démarrage de la page de démarrage rapide de CLI angulaire. 

Démarrage rapide de l'interface CLI

Exécuter ng serve --open après avoir créé et entré dans mon nouveau projet "frontend" a donné cette erreur:

Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend".
Error: Could not find module "@angular-devkit/build-angular" from "C:\\Users\\Brandon\\project-name\\frontend".
 at Object.resolve (C:\Users\Brandon\project-name\node_modules\@angular-devkit\core\node\resolve.js:141:11)
 at Observable.rxjs_1.Observable [as _subscribe] (C:\Users\Brandon\project-name\node_modules\@angular-devkit\architect\src\architect.js:132:40)

J'ai essayé des suggestions de l'autre question semblable à la mienne mais cela n'a pas fonctionné. La réponse était d'exécuter npm install --save-dev @angular-devkit/build-angular.

Question similaire

J'ai également supprimé des modules, effacé le cache, puis effectué une installation qui ne fonctionnait pas non plus.

package.json:

{
 "name": "frontend",
 "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": "^6.0.2",
  "@angular/common": "^6.0.2",
  "@angular/compiler": "^6.0.2",
  "@angular/core": "^6.0.2",
  "@angular/forms": "^6.0.2",
  "@angular/http": "^6.0.2",
  "@angular/platform-browser": "^6.0.2",
  "@angular/platform-browser-dynamic": "^6.0.2",
  "@angular/router": "^6.0.2",
  "core-js": "^2.5.4",
  "rxjs": "^6.0.0",
  "zone.js": "^0.8.26"
 },
"devDependencies": {
  "@angular/compiler-cli": "^6.0.2",
  "@angular-devkit/build-angular": "~0.6.3",
  "TypeScript": "~2.7.2",
  "@angular/cli": "^6.0.3",
  "@angular/language-service": "^6.0.2",
  "@types/jasmine": "~2.8.6",
  "@types/jasminewd2": "~2.0.3",
  "@types/node": "~8.9.4",
  "codelyzer": "~4.2.1",
  "jasmine-core": "~2.99.1",
  "jasmine-spec-reporter": "~4.2.1",
  "karma": "~1.7.1",
  "karma-chrome-launcher": "~2.2.0",
  "karma-coverage-istanbul-reporter": "~1.4.2",
  "karma-jasmine": "~1.1.1",
  "karma-jasmine-html-reporter": "^0.2.2",
  "protractor": "~5.3.0",
  "ts-node": "~5.0.1",
  "tslint": "~5.9.1"
 }
}

angular.json:

 {
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "frontend": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {},
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/frontend",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css"
            ],
            "scripts": []
          },
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ],
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "frontend:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "frontend:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "frontend:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.spec.json",
            "karmaConfig": "src/karma.conf.js",
            "styles": [
              "src/styles.css"
            ],
            "scripts": [],
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "src/tsconfig.app.json",
              "src/tsconfig.spec.json"
            ],
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    },
    "frontend-e2e": {
      "root": "e2e/",
      "projectType": "application",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "frontend:serve"
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": "e2e/tsconfig.e2e.json",
            "exclude": [
              "**/node_modules/**"
            ]
          }
        }
      }
    }
  },
  "defaultProject": "frontend"
}
node.jsangularnpm-installpackage.jsonangular6
2
Brandon Lumsden

Exécuter ng serve --open après avoir créé et entré dans mon nouveau projet "frontend" a donné cette erreur:

Après avoir créé le projet, vous devez exécuter 

npm install

installer toutes les dépendances répertoriées dans package.json

5
bambam

Je viens de rencontrer ce problème et de le résoudre. Je pense que la cause première de ce problème est ng et que la version actuelle de node.js (10.6.0) et le npm associé ne sont pas synchronisés. J'ai installé la version LTS de node.js (8.11.3) et le problème a disparu.

0
Ergun Coruh

Je me suis battu avec le même problème il y a une minute. Mon projet a été généré en utilisant la v 1.6.0 de angular-cli.

npm update -g @ angular/cli modifiant mon package.json en modifiant la ligne "@ angular/cli": "1.6.0", en "@ angular/cli": " ^ 1.6.0 ", Npm update A fait l'affaire.

0
Adham Developer

J'ai eu le même problème, car il n'a pas installé 

@ angular-devkit/build-angular

La réponse qui a fonctionné pour moi était la suivante:

npm i --only = dev

0
David Bedo

J'ai regardé à l'intérieur de node_modules et apparemment, seules les dépendances sont installées, pas devDependencies. Avec le nouveau NGP, nous devons explicitement obtenir les devDependencies:

npm i --only=dev

Si vous souhaitez installer uniquement le devkit:

npm install @angular-devkit/build-angular

Idée commune avec - ken107 (github)

0
Victor ifeanyi

D: projet/liste de contacts npm installer Puis D: projet/liste de contacts ng nouveau client

D: projet/liste de contacts/service client

cela a fonctionné pour moi pour une raison quelconque, j'ai dû supprimer le dossier client et lancer l'installation de npm à partir du dossier contactlist. J'ai tout essayé même en effaçant le cache et finalement cela a fonctionné.

0
tony Macias

Utilisez npm update ou, Exécutez `npm install --save-dev @ angular-devkit/build-angular

`

0
Abdus Salam Azad

Un autre problème pourrait être lié à vos dépendances de développement . Vérifiez si elles ont été installées correctement (vérifiez si elles sont disponibles dans le dossier node_modules)

Sinon, une solution rapide serait:

npm i --only=dev

Ou vérifiez si vos paramètres npm sont relatifs à prod:

npm config get production

Si elles sont définies sur true, remplacez-les par false:

npm config set -g production false

et mettre en place un nouveau projet angulaire.

J'ai trouvé cet indice ici: https://github.com/angular/angular-cli/issues/10661 (Ken107 et lichunbin814)

J'espère que cela pourra aider.

0
Prince V