时间戳

首页 > 解决方案 > 在 React 中正确的图像路径 CSS

css - 在 React 中正确的图像路径 CSS

问题描述

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

我的文件夹结构：

-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”

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

标签： cssreactjs

解决方案

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

|-styles
  |-_base.scss

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

推荐阅读