为什么我在 css 中对我的背景图像做出反应时出错

Question

我不知道为什么在我的 react 项目中出现此错误。我修复了 URL 路径并正确重命名了它们，但由于某些原因，我不断收到相同的错误。

这是我的 CSS：

  background-image: url("../assets/img/header-bg.jpg");

另一张图片是

  background-image: url("../assets/img/map-image.png");

这是我得到的错误：

如果图像没有显示，那么错误是这样的

错误：无法解析“C:\Users\bryan\start-bootstrap\src\assets\css”中的“../assets/img/header-bg.jpg”

我的图片和 CSS 的路径是：

src > assets > img > header-bg.jpg,map-image.png

我的资产文件夹也有我的 CSS 文件夹，其中包含我的样式，其中包括引导程序：

src > assets > css > style.css
 
 

Answer 1

这可能是因为 Node.js 模块正在搜索 /assets/assets/img/map-image.png（它正在从 CSS 中搜索），这就是您的代码不起作用的原因，只需从属性中删除 /assets。