无法在公共文件夹React中获取我的图像

Question

我正在创建一个 React 应用程序，并在构建项目期间遇到错误。

我的项目结构是这样的：

应用程序：

--公共

----苹果.png

--源代码

----组件

-----关于

---------关于.jsx

---------样式.scss

在我的 style.scss （正在 About.jsx 中导入）中，我有：

&__container::after{
    position: absolute;
    content: '';
    display: block;
    bottom: -101px;
    left: 50%;
    height: 750px;
    width: 760px;
    background-image: url('./../../../public/apple.png');
  }

我仍然有这个错误：GET http://127.0.0.1:5500/static/media/apple.70b0f1c0a74772ea2af6.png 404（未找到）
你可以看到我的构建文件夹中有该图像

我还尝试了数十种不同的路径，将我的图像从公共（创建“图像”文件夹或不创建“图像”文件夹）移动到src等，但没有任何帮助。
我也尝试过删除“.”在路径的开头：

 background-image: url('/public/images/apple.png');

但是在这种情况和其他情况下我什至无法构建我的项目

Answer 1

在你的style.scss中尝试

background-image: url('/apple.png');