2017-05-16 15 views
1

私のAngular 4アプリケーションをherokuにデプロイしようとしていますが、 "ngコマンド"などが見つかりません。 Im gussing CLIをインストールするにはpackage.json内の何かを変更する必要がありますが、動作させることはできません。ここで角度4 + ExpressがHerokuで始まっていない

はpackage.jsonです:

npm ERR! argv "/app/.heroku/node/bin/node" "/app/.heroku/node/bin/npm" "start" 
npm ERR! node v6.10.3 
npm ERR! npm v3.10.10 
npm ERR! file sh 
npm ERR! code ELIFECYCLE 
npm ERR! errno ENOENT 
npm ERR! syscall spawn 
npm ERR! [email protected] start: `ng serve` 
npm ERR! spawn ENOENT 

は、どのように私は、サーバー上のCLIの作業を行うことができます。

{ 
    "name": "q", 
    "version": "0.0.0", 
    "license": "MIT", 
    "watch": { 
    "run-watch": { 
     "patterns": [ 
     "src", 
     "server", 
     "e2e" 
     ], 
     "extensions": "js,ts,css,scss,html" 
    } 
    }, 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build && node server/server.js", 
    "run-watch": "ng build && node server/server.js", 
    "lint": "ng lint", 
    "e2e": "ng e2e", 
    "watch": "npm-watch" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "^4.1.2", 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/material": "^2.0.0-beta.4", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "axios": "^0.16.1", 
    "body-parser": "^1.17.1", 
    "core-js": "^2.4.1", 
    "express": "^4.15.2", 
    "hammerjs": "^2.0.8", 
    "morgan": "^1.8.1", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.3", 
    "@angular/compiler-cli": "^4.0.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "node-sass": "^4.5.2", 
    "npm-watch": "^0.1.9", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.5.0", 
    "typescript": "~2.2.0" 
    } 
} 

、ここでは、私は、NPM開始時に取得するメッセージはありますか?

+1

このようなコマンドを使用するには、CLIをグローバルに*インストールする必要があります。代わりに 'npm start'を試してみてください。 – jonrsharpe

+0

エラー: "@ angular/compiler-cli"パッケージが正しくインストールされていません。 –

+0

コンパイラCLIをdependencisに動かすことで動作するようになりました。 –

答えて

2

compiler-cliをdependecisに移動し、正しいノードバージョンを取得し、post/preスクリプトを追加するエンジンを追加することで動作しました。

{ 
    "name": "q", 
    "version": "0.0.0", 
    "license": "MIT", 
    "watch": { 
    "run-watch": { 
     "patterns": [ 
     "src", 
     "server", 
     "e2e" 
     ], 
     "extensions": "js,ts,css,scss,html" 
    } 
    }, 
    "scripts": { 
    "ng": "ng", 
    "start": "ng build && node server/server.js", 
    "build": "ng build && node server/server.js", 
    "run-watch": "ng build && node server/server.js", 
    "preinstall": "npm install -g @angular/cli", 
    "postinstall": "ng build --aot -prod", 
    "lint": "ng lint", 
    "e2e": "ng e2e", 
    "watch": "npm-watch" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/cli": "^1.0.3", 
    "@angular/compiler-cli": "^4.0.0", 
    "@angular/animations": "^4.1.2", 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/material": "^2.0.0-beta.4", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "axios": "^0.16.1", 
    "body-parser": "^1.17.1", 
    "core-js": "^2.4.1", 
    "express": "^4.15.2", 
    "hammerjs": "^2.0.8", 
    "morgan": "^1.8.1", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "node-sass": "^4.5.2", 
    "npm-watch": "^0.1.9", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.5.0", 
    "typescript": "~2.2.0" 
    } 
} 
+1

@ angular/cliが依存関係にある場合、 "npm install -g @ angular/cli"のプリインストール手順は必要ありません。 – Anup

+1

開始スクリプトは、あなたのケースでは "node server.js"にする必要があります。あなたの起動スクリプトの "ng build"は、herokuサーバ上の "ng build -aot -prod"のインストール後のステップを上書きします – Anup

関連する問題