プラットフォームのセットアップ後にprodモードを有効にすることはできません。アンギュラ5プロダクション

Question

エラーを構築：

Uncaught Error: Cannot enable prod mode after platform setup. at main.bundle.js:1 

ケース：

エラーがng build --prodを使用して構築する生成した後、アプリの起動時に発生します。しかし、ng serveまたはng buildを使ってコンパイルされた開発ビルドはすべて正常に動作しています。

がthis答えを以下、すなわち1.6.0最新バージョンにグローバルとローカル@angular/cliを-Upgrading：私が試した何

。

package.json：

git/cli-reproapp

：

{ 
    "dependencies": { 
    "@angular/animations": "^5.0.0", 
    "@angular/common": "^5.0.0", 
    "@angular/compiler": "^5.0.0", 
    "@angular/core": "^5.0.0", 
    "@angular/forms": "^5.0.0", 
    "@angular/http": "^5.0.0", 
    "@angular/platform-browser": "^5.0.0", 
    "@angular/platform-browser-dynamic": "^5.0.0", 
    "@angular/router": "^5.0.0", 
    "auth0-js": "^8.11.3", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "jquery": "^3.2.1", 
    "rxjs": "^5.5.2", 
    "zone.js": "^0.8.14" 
    }, 
    "devDependencies": { 
    "@angular/cli": "^1.6.0", 
    "@angular/compiler-cli": "^5.0.0", 
    "@angular/language-service": "^5.0.0", 
    "@types/jasmine": "~2.5.53", 
    "@types/jasminewd2": "~2.0.2", 
    "@types/jquery": "^3.2.16", 
    "@types/node": "~6.0.60", 
    "@types/rx": "^4.1.1", 
    "codelyzer": "~3.2.0", 
    "jasmine-core": "~2.6.2", 
    "jasmine-spec-reporter": "~4.1.0", 
    "karma": "~1.7.0", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^1.2.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.2", 
    "ts-node": "~3.2.0", 
    "tslint": "~5.7.0", 
    "typescript": "^2.6.2" 
    } 
} 

main.ts

import { enableProdMode } from '@angular/core'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app/app.module'; 
import { environment } from './environments/environment'; 

if (environment.production) { 
    enableProdMode(); 
} 

platformBrowserDynamic().bootstrapModule(AppModule).catch(err => console.log(err)); 

最小コードは、エラーを再現しますファイルcli-reproapp/src/app/app.constants.tsで

export const isInDevMode = isDevMode();

- ：あなたは、エラーが原因でこの線の発生しているgit/cli-reproappで提供されるサンプルアプリで

Answer 1

。回避策として、以下に示す定数isInDevModeの代わりに関数を作成することができます。そのため、isDevMode()が実際にコードで使用されたときに、後で呼び出されます（最も重要なのはenableProdMode()が呼び出された後です）。

export function isInDevMode():boolean { 
    return isDevMode(); 
} 

はもちろん、その後、あなたはまた、「isInDevMode」定数が新たに作成された「isInDevMode（）」メソッドの呼び出しで使用されている行を変更する必要があります。あなたはまたのサンプルアプリケーションの作業バージョンを見ることができます

this.title = isInDevMode() ? 'App in dev mode works.' : 'App is prod mode works.' 

- ：だからサンプルアプリであなたはこの1でapp.component.ts

this.title = isInDevMode ? 'App in dev mode works.' : 'App is prod mode works.' 

に以下の行を交換する必要があります。リンク git/cli-reproapp(working)。