需要的CSS反應應用程序背景圖像

這可能是一個簡單的答案，但我努力尋找答案。我有一個圖像作爲div的背景。我需要我的css文件。我的css是非常標準的：需要的CSS反應應用程序背景圖像

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

雖然... Webpack不會編譯它說它發現了一個意想不到的字符。

我在這裏做錯了什麼呢？ React是否有辦法處理這種我不知道的事情？

任何機會，你可以打印完整的錯誤消息，意想不到的字符消息大多點到意想不到的字符被發現，所以它可能會做出改變:) – Icepickle

您的background-position值確實無效。您只應在那裏指定url()並將剩餘的東西移動到單獨的屬性中。例如：

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

2017-07-10 20:50:22

是的，我想這是一個壞榜樣。這原本是一個背景：而不是一個背景圖像：我改變我的css以反映你的建議後，仍然無法讓webpack編譯。它仍然會拋出同樣的錯誤。 –

嘗試刪除引號，將更新我的答案以反映這一點 –

我從字面上需要一個斜槓並將其變成一個字符串。有時候我覺得自己像個白癡。我不知道剩下的時間是什麼樣子。感謝大家的意見！

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

2017-07-11 19:32:21

回答