后台不会从React build中的外部CSS加载

我正在尝试将外部CSS文件中的背景加载到我的React项目中。它在我的本地系统上运行良好。但一旦我上传了它，背景就会消失，消失在遗忘之中

我正在使用CreateReact应用程序，到目前为止，虽然我在加载图像时遇到了麻烦，但我从来没有让外部CSS像这样死掉过

我已经试过了我找到的每一个解决办法，但都没有用

• 将背景设置为public/img而不是src/img，并使用%public\u URL%
• 正在尝试url（/img/bg.png）或url（'/img/bg.png）或url（'./img/bg.png）
• 重命名文件夹

---

我的文件夹结构如下：

 -- src
    |-- img
        '-- bg.png
    |-- App.js
    |-- App.css

我的后台自定义类是：

.bg {
  background-image: url(./img/bg.png);
  background-blend-mode: multiply;
}

我的组件使用两个类

<div className="App bg">Content</div>

内容

---

奇怪的是，我做过其他一些应用程序，但这从来都不是问题，但我不认为我做了什么不同。

你有没有试过

url（img/bg.png）

？@Pipe我也试过，但没有成功。为了确保我再次尝试，但仍然没有显示，您是否尝试通过将URL写入浏览器的地址栏来直接在浏览器中访问图像？只是为了检查图像是否真的在你认为应该在的地方…？是我做的。如果我遵循css文件指示的链接，我会到达bg.pngHmm。是否也使用开发工具进行了检查？如果检查有问题的元素，开发工具是否会说映像可用？如果是这样，您的图像就在那里，但是浏览器可能会因为某种原因拒绝显示它。也许还有其他的款式妨碍你？类似于“background:blah…；”？您是否尝试过

url（img/bg.png）

？@Pipe我也尝试过，但没有成功。为了确保我再次尝试，但仍然没有显示，您是否尝试通过将URL写入浏览器的地址栏来直接在浏览器中访问图像？只是为了检查图像是否真的在你认为应该在的地方…？是我做的。如果我遵循css文件指示的链接，我会到达bg.pngHmm。是否也使用开发工具进行了检查？如果检查有问题的元素，开发工具是否会说映像可用？如果是这样，您的图像就在那里，但是浏览器可能会因为某种原因拒绝显示它。也许还有其他的款式妨碍你？比如“背景：废话…；”？