错误：resolve-url-loader：处理 CSS 时出错，期望“base”是有效目录的绝对路径

Question

我正在尝试在我的 React 应用程序上设置背景图像。

当我尝试使用 React 导入图像并在 JSX 中设置样式时，它起作用了，但是当尝试将其直接放入 scss 中时，它显示了此错误。

这是CSS：

这是我得到的错误：

Answer 1

sass 中的 url 编码会将您的空间转换为真实 url 中不存在的“%20”。所以空格在 scss 中不起作用。我认为这是一个错误。您可以在“主页”一词中使用“-”代替空格。