web-dev-qa-db-ja.com

モジュール「@ angular-devkit / build-angular」が見つかりません

Npmを使用して、Angular CLIクイックスタートページの開始手順に従いました。

Angular CLI Quickstart

ランニング ng serve --open私の新しいプロジェクト「frontend」を作成して使用すると、次のエラーが発生しました。

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)

私は私のものに似た他の質問から提案を試みましたが、うまくいきませんでした。答えはnpm install --save-dev @angular-devkit/build-angular。

同様の質問

また、モジュールを削除し、キャッシュをクリアし、インストールも実行しましたが、動作しませんでした。

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
7
Brandon Lumsden

私の新しいプロジェクト「フロントエンド」を作成して使用した後にng serve --openを実行すると、次のエラーが発生しました。

プロジェクトを作成したら、実行する必要があります

npm install

package.jsonにリストされているすべての依存関係をインストールする

10
chris p bacon

node_modulesそして明らかに、依存関係のみがインストールされ、devDependenciesはインストールされません。新しいNPMでは、devDependenciesを明示的に取得する必要があります。

npm i --only=dev

開発キットのみをインストールする場合：

npm install @angular-devkit/build-angular

-との共同アイデア-ken107（github）

1
Victor ifeanyi

これは私のために働いた：コマンドラインにnpm audit fixと入力します。その後、ng serve --openを再び使用することができました。

1
RMo

angular version 8を使用している場合、以下のコマンドを実行してこの問題を修正してください。

ng update @angular/cli @angular/core
1
Sumit Singh Deo

別の問題は、開発者の依存関係にある可能性があります。それらが適切にインストールされているかどうかを確認してください（node_modulesフォルダーにあるかどうかを確認してください）

そうでない場合、簡単な修正は次のようになります。

npm i --only=dev

または、npm設定がprodに関してどのようになっているかを確認します。

npm config get production

Trueに設定されている場合-falseに変更します。

npm config set -g production false

新しいangularプロジェクトを設定します。

ここでそのヒントを見つけました： https://github.com/angular/angular-cli/issues/10661 （ken107 and lichunbin814）

お役に立てば幸いです。

1
Prince V
npm install --save-dev @angular-devkit/build-angular

それは、dev依存として@ angular-devkit/build-angularをインストールします。このパッケージはAngular 6.0で新たに導入されました

0
kashif

この問題が発生したので修正しました。この問題の根本原因はngであり、node.jsの現在のバージョン（10.6.0）とそれに付随するnpmが同期していないと思います。 node.jsのLTSバージョン（8.11.3）をインストールしましたが、問題はなくなりました。

0
Ergun Coruh

私はほんの数分前に同じ問題に苦労しました。私のプロジェクトは、angular-cli v 1.6.0を使用して生成されました。

npm update -g @ angular/cli package.jsonを編集して、行 "@ angular/cli"： "1.6.0"を "@ angular/cli"： "^ 1.6.0"に変更すると、npm updateがうまくいきました。

0
Adham Developer

angular 7からangular 8に更新する場合、これを行う

ng update @angular/cli @angular/core

詳細については、こちらをご覧ください https://github.com/just-jeb/angular-builders/blob/master/MIGRATION.MD

0
Aman Rai

インストールされなかったため、同じ問題が発生しました

@ angular-devkit/build-angular

私のために働いた答えはこれでした：

npm i --only = dev

0
David Bedo

上記のすべてが機能しませんでした... NPMの問題の可能性があります

Yarn

役に立ちました。

Yarn Install
0
Raja ji

D：project/contactlist npm install次にD：project/contactlist ng新しいクライアント

D：project/contactlist/client ng serve

これは何らかの理由で私のために働いたので、クライアントフォルダを削除し、contactlistフォルダからnpmインストールを開始する必要がありました。キャッシュをクリアすることすらすべて試してみましたが、最終的にはうまくいきました。

0
tony Macias

つかいます npm updateまたは、 `npm install --save-dev @ angular-devkit/build-angularを実行します

`

0
Abdus Salam Azad

以下のコマンドを実行して解決します。新しいプロジェクトをプルするたびに、作業ディレクトリに追加される依存関係はほとんどありません。以下のコマンドを実行して解決します

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

0
Manjunatha B