找不到模块：无法解析“../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 {&nbsp; height: 155px;&nbsp; background-image: url("/images/bg-header-desktop.svg");&nbsp; background-color: #5da4a4;&nbsp; margin-bottom: 70px;}