找不到模块：无法解析“../images/bg-header-desktop.svg'

Question

我正在构建一个 React 项目，但在导入背景图像时遇到了困难。我收到上面的错误。图像位于公用文件夹中的图像文件夹中。这是我的应用程序结构。该图像是 bg-header-desktop.svg。这就是我想要的样子。我为该组件提供的代码如下：import React from "react";import "./heading.styles.css";const Heading = () => ( <header> <div className="top-background"> </div> </header> ); export default Heading;我的css看起来像这样：.top-background {height: 155px;background-image: url(../images/bg-header-desktop.svg);background-color: #5da4a4;margin-bottom: 70px;}这就是我想要的样子。

Answer 1

它应该是这样的

.top-background {

  height: 155px;

  background-image: url("/images/bg-header-desktop.svg");

  background-color: #5da4a4;

  margin-bottom: 70px;

}