APP_BASE_HREFによって* .bundle.jsスクリプトがロードされない

Question

私はSVGグラジエントを働かせようとしています。ネットの周りに見たことから、の代わりにAPP_BASE_HREFを使用することです。これは本当に問題を解決しますが、新しい問題も作成します。 1つのレイヤーに深く入ると、/home/test bundle.jsスクリプトが読み込まれません。

エラー

GET http://localhost:4200/home/inline.bundle.js 
goals:47 GET http://localhost:4200/home/polyfills.bundle.js 
goals:47 GET http://localhost:4200/home/styles.bundle.js 
goals:47 GET http://localhost:4200/home/vendor.bundle.js 
goals:47 GET http://localhost:4200/home/main.bundle.js 
goals:47 GET http://localhost:4200/home/inline.bundle.js 
goals:47 GET http://localhost:4200/home/polyfills.bundle.js 
goals:47 GET http://localhost:4200/home/styles.bundle.js 
goals:47 GET http://localhost:4200/home/vendor.bundle.js 
goals:47 GET http://localhost:4200/home/main.bundle.js 

それはhttp://localhost:4200/main.bundle.jsを探しているが、今のベースrefはそれが/home/main.bundle.js

これを設定する正しい方法は何にそれを変更する権利はないこと？

• 私はAPP_BASE_HREF休憩 上記のように輸入を使用してHTML5の＃の場所
• を使用したいが、私のSVGs
• <base href="/">これはurl(#gradient)が今間違った場所を参照し、私のSVG勾配以外 の作品修正はありません私のdefsを見つけることができません。

これは私の設定です：

app.module.ts

import { CommonModule, APP_BASE_HREF } from '@angular/common'; 

し、提供：

providers: [ 
    {provide: APP_BASE_HREF, useValue: "/"}, 
    ], 

Answer 1

あなたはそれを作るために、コマンドラインに--deploy-url="/"を追加することができるはずですスクリプトへの正しいパスを生成します。

I.e.

ng build --deploy-url="/"