我正在构建一个 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;
}

这就是我想要的样子。 任何帮助，将不胜感激。