Angularのアプリケーションをビルドする際に問題が発生する

Question

私はAngular 2バージョンを使用しています。私はnode.jsコマンドプロンプトを通してブートストラップをインストールしました。

npm install ngx-bootstrap --save 

とこのような.csprojを追加しました。これはタコを介してサーバーにアプリケーションをデプロイすることですが、ローカルマシンでソリューションを構築する際にこの問題が発生しています。

Error: The command "npm install ngx-bootstrap --save" exited with code 1.

Packages.json：

{ 
    "version": "1.0.0", 
    "name": "mywizard-ad", 
    "private": true, 
    "scripts": { 
    "build-Debug": "webpack --config webpack.debug.js --env.WebApiEnv dev", 
    "build-Release": "webpack --config webpack.prod.js --env.WebApiEnv dev", 
    "build-Prod": "webpack --config webpack.prod.js --env.WebApiEnv prod", 
    "build-Stage": "webpack --config webpack.prod.js --env.WebApiEnv stage", 
    "build-UAT": "webpack --config webpack.prod.js --env.WebApiEnv uat", 
    "build-Preprod": "webpack --config webpack.prod.js --env.WebApiEnv preprod", 
    "build-Prod_EU": "webpack --config webpack.prod.js --env.WebApiEnv prod_eu", 
    "build-Stage_EU": "webpack --config webpack.prod.js --env.WebApiEnv stage_eu", 
    "build-Hotfix": "webpack --config webpack.prod.js --env.WebApiEnv hotfix" 
    }, 
    "dependencies": { 
    "@angular/common": "~4.3.1", 
    "@angular/core": "~4.3.1", 
    "@angular/http": "~4.3.1", 
    "@angular/platform-browser": "~4.3.1", 
    "@angular/platform-browser-dynamic": "~4.3.1", 
    "@angular/router": "~4.3.1", 
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.4", 
    "@types/jquery": "^3.2.12", 
    "angular2-moment": "^1.7.0", 
    "core-js": "^2.4.1", 
    "file-saver": "^1.3.3", 
    "html-webpack-plugin": "^2.30.1", 
    "jquery": "^3.2.1", 
    "ng2-simple-global": "^1.2.5", 
    "ngx-bootstrap": "^2.0.0-beta.7", 
    "rxjs": "^5.1.0", 
    "systemjs": "0.19.39", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@angular/common": "~4.3.1", 
    "@angular/compiler": "~4.3.1", 
    "@angular/core": "~4.3.1", 
    "@angular/forms": "~4.3.1", 
    "@angular/http": "~4.3.1", 
    "@angular/platform-browser": "~4.3.1", 
    "@angular/platform-browser-dynamic": "~4.3.1", 
    "@angular/router": "~4.3.1", 
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.4", 
    "@types/file-saver": "0.0.1", 
    "@types/node": "^6.0.45", 
    "clean-webpack-plugin": "^0.1.16", 
    "core-js": "^2.4.1", 
    "html-loader": "^0.5.1", 
    "html-webpack-plugin": "^2.30.1", 
    "jquery": "^3.2.1", 
    "ng2-simple-global": "^1.2.5", 
    "rxjs": "^5.1.0", 
    "systemjs": "0.19.39", 
    "typescript": "^2.0.0", 
    "webpack": "^3.5.6", 
    "webpack-concat-plugin": "^1.4.1", 
    "webpack-merge": "^4.1.0", 
    "zone.js": "^0.8.4" 
    }, 
    "repository": {} 
} 

Answer 1

問題がnpmではなくmy.csprojファイル内の設定には関係ありません。実際には、このファイルを使用してnpm modulesをインストールする必要はありません。 .csprojファイルは、Visual Studioでプロジェクトを整理するために使用されます。したがって、依存関係のために編集する必要はありません。

npmフラグ--saveは、モジュールをpackage.jsonに依存関係として保存します。これはプロジェクトgit cloneのときに便利です。プロジェクトをクローンした後、npm installは、以前にインストールしたすべてのパッケージをフラグ--saveとともにインストールします。 .csprojファイルにこれらの行を入れる必要はありません。特に、npm installが失敗する場合があります。あなたがあなたの「package.jsonでこれらの依存関係に対応するエントリを持っていることを確認することができます（ローカル

• コメント手動my.csprojファイル
• 実行中の行のコマンド：

  あなたはこれを試すことができます「;彼らはすでにそこにある場合、それはすべての依存関係がすでにインストールされていることを意味し、この手順を省略することができますIE）

• 新しいコミット 『