錯誤：resolve-url-loader：處理 CSS 時出錯，期望「base」是有效目錄的絕對路徑

Question

我正在嘗試在我的 React 應用程式上設定背景圖像。

當我嘗試使用 React 匯入圖像並在 JSX 中設定樣式時，它起作用了，但是當嘗試將其直接放入 scss 中時，它顯示了此錯誤。

這是CSS：

這是我得到的錯誤：

Answer 1

sass 中的 url 編碼會將您的空間轉換為真實 url 中不存在的「 」。所以空格在 scss 中不行。我認為這是一個錯誤。您可以在“主頁”一詞中使用“-”代替空格。