[解決済み】Angular 6 で `ng serve` を使って環境を設定する方法
質問
Angular 5.2のアプリをAngular 6にアップデートしようとしています。Angularのアップデートガイドの指示にうまく従いました。
angular-cli
でアプリを提供しようとしています。
ng serve --env=local
しかし、これではエラーが発生します。
不明なオプション:'--env'
複数の環境を使っている(
dev/local/prod
) で、これはAngular 5.2で動作していた方法です。Angular 6で今環境を設定するにはどうしたらいいですか?
解決方法は?
を使用する必要があります。
configuration
オプション(これは
ng build
と
ng serve
も同様)
ng serve --configuration=local
または
ng serve -c local
を見てみると
angular.json
ファイルでは、各コンフィギュレーション(aot、オプティマイザー、環境ファイルなど)の設定をより細かく制御していることがわかります。
"configurations": {
"production": {
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
]
}
}
より詳細な情報を得ることができます こちら 環境固有の設定を管理するためのものです。
下の他のレスで指摘されているように、新しい「環境」を追加する必要がある場合は、新しいコンフィギュレーションを ビルド タスクに、そしてニーズによっては サーブ と テスト というタスクもあります。
新しい環境の追加
編集
:
明確にするため、ファイルの置き換えは
build
セクションを作成します。ですから、もしあなたが
ng serve
を特定の
environment
ファイル(例えば
dev2
を変更する必要があります。
build
セクションを追加し、新しい
dev2
構成
"build": {
"configurations": {
"dev2": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.dev2.ts"
}
/* You can add all other options here, such as aot, optimization, ... */
],
"serviceWorker": true
},
次に
serve
セクションに新しいコンフィギュレーションを追加してください。
dev2
build
を宣言しました。
"serve":
"configurations": {
"dev2": {
"browserTarget": "projectName:build:dev2"
}
次に
ng serve -c dev2
この場合、dev2 の設定ファイルが使用されます。
関連
-
[解決済み] エラーです。複数のモジュールがマッチしました。skip-import オプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップしてください。
-
[解決済み] プロパティ 'json' はタイプ 'Object' に存在しません。
-
[解決済み] switchの使用時に「ステートメントはif文でフィルタリングされなければならない」というtslintのクレームが発生する。
-
[解決済み] ローカルのワークスペース・ファイル('angular.json')が見つかりませんでした。しかし、同じコードが別のコンピュータで動作します
-
[解決済み] コンポーネントは2つのモジュールの宣言に含まれる
-
[解決済み] Angular InjectionTokenが「No provider for InjectionToken」をスローします。
-
[解決済み] Angularアプリのシンタックスエラー。予期しないトークン <
-
[解決済み] Angular 6でmouseoverとmouseoutを使用する方法
-
[解決済み] Angular HTMLバインディング
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】serveコマンドを使用するには、angular-cliプロジェクト内にいる必要があります。
-
[解決済み】angular 4アプリにReactiveFormsModuleを追加すると、NgControl用のプロバイダがないエラーが発生する。
-
[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'
-
[解決済み】本番モードを有効にするには?
-
[解決済み] Uncaught (in promise): Ionic 2でcordova_not_available。
-
[解決済み] Angular 6 Error trying to diff '[object Object]'. 配列と反復記号のみが許可されます。
-
[解決済み] switchの使用時に「ステートメントはif文でフィルタリングされなければならない」というtslintのクレームが発生する。
-
[解決済み] コンポーネントは2つのモジュールの宣言に含まれる
-
[解決済み] Angular2の素材ダイアログに問題あり - @NgModule.entryComponentsに追加しましたか?
-
[解決済み] Angular 6でmouseoverとmouseoutを使用する方法