在 React 中更正图像路径 CSS

Question

目标是使用自定义项目符号对所有列表元素进行样式化

我的文件夹结构：

-src
|-assets
|-images
|-image.svg
|-styles
|-_base.scss
|-index.js

_base.scss：

ul {
li {
background-image: url(../images/image.svg);
}
}

索引.js：

import './assets/styles/index.scss';
ReactDOM.render(
<>
...
</>,
document.getElementById('root')
);

抛出错误：

编译
失败...
找不到模块：无法解析"../图像/图像.svg' in "路径/到/项目">

无法理解图像路径的问题是什么

Answer 1

这是您的样式文件夹结构：

|-styles
|-_base.scss

您的index.scss在哪里(您应该在其中导入_base.scss(？