2017-07-10 14 views
0

これはおそらく簡単な答えですが、私は答えを見つけるのに苦労しています。私はdivの背景としてイメージを持っています。私は自分のCSSファイルが必要です。私のCSSはかなり標準です:必要なCSSの反応アプリの背景画像

background-image: url('assets/placeholders/img-hero.jpg') center center/cover no-repeat; 

Webpackはコンパイルしません...予期せぬ文字が見つかりました。

私はここで間違っていますか? Reactには私が知らないこのようなことを処理する方法がありますか?

+0

それは変更を行うことができるようにあなたは、予期しない文字が見つかった場所に完全なエラーメッセージ、予期しない文字メッセージ、ほとんどのポイントを印刷することができます任意のチャンスは:) – Icepickle

答えて

0

background-positionの値は実際には無効です。 url()を指定し、残りのものを別のプロパティに移動するだけです。次のようなものがあります。

background-image: url(assets/placeholders/img-hero.jpg); 
background-repeat: no-repeat; 
background-position: center; 
+0

うん、私はそれは悪い例だったと思います。それはもともとバックグラウンドでした:背景画像の代わりに: あなたの提案を反映するために私のCSSを変更した後も、webpackをコンパイルすることができません。それでも同じエラーが発生します。 –

+0

引用符を削除してみてください。 –

0

文字通り資産の前にスラッシュが必要で、文字列にする必要があります。時には私は馬鹿のように感じます。残りの時間は何か分かりません。皆様のアドバイスありがとう!

background-image: url('/assets/placeholders/img-hero.jpg');