web-dev-qa-db-ja.com

ng build --base-href = "/.../" --deploy-url = "/.../" CSS背景画像が機能しない

"@ Angular/Core"： "~8.0.0"、

scaffold angular 8プロジェクト]オプション

コンポーネントSCSSファイルでは、以下のようにコードがあります。

背景：URL（ "/ Assets/Images/Vector-icon.png"）は25％を繰り返します。

コマンドを使用して最終的なビルで

ng build --prod --base-href="/website/" --deploy-url="/website/"
 _

サブフォルダのルート/ Websideでビルドを置く

背景画像経路を除いてうまく機能しています

私はIP/Webサイト/アセット/イメージ/ベクトルicon.pngで試しましたその時点で私はイメージを取得できます。

すべてのCSSファイルでパスを変更しない場合はどうなります。

どんな助けにも感謝されるでしょう。前もって感謝します

angularangular-cliscss-mixinsangular8
3
paras shah

最初に、資産フォルダに移動してそのファイルが存在するかどうかを確認する必要がある最初に必要です。ファイルが存在する場合は、下の行を試してください

background: url('./assets/images/vector-icon.png') no-repeat 25%;
 _
0
Damith

これを試して：

background: url("/src/assets/images/vector-icon.png") no-repeat 25%;
 _
0
bpena