在 React 中正确的图像路径 CSS答案

【问题标题】：Correct image path CSS in React在 React 中正确的图像路径 CSS
【发布时间】：2019-12-26 10:41:10
【问题描述】：

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

我的文件夹结构：

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

_base.scss：

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

index.js：

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

抛出错误：

编译失败
...
找不到模块：无法解析“../images/image.svg” '路径/到/项目'

无法理解图片路径有什么问题

【问题讨论】：

标签： css reactjs

【解决方案1】：

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

|-styles
  |-_base.scss

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

【讨论】：