【发布时间】：2021-02-26 22:00:00
【问题描述】：
我正在尝试访问公共文件夹中的徽标图像，而我的 css 文件夹位于 src 中。我也在使用 sass，我考虑到我们需要编写相对于 css 文件的路径 - 而不是 sass。
我尝试了不同的方法 - 使用绝对路径，使用引号和不使用 - 只是希望可能会有一些工作。
我找到了某人的代码 https://codesandbox.io/s/musing-rosalind-21lsd?file=/src/App.js 并使用它 - 我创造了与我相同的条件并且它有效，但是当我回到我的项目时它没有。
我使用的是 background-image: url('/logo.swg')，上面写着 Error: Can't resolve '/logo.swg'。
我知道弹出和 webpack 配置更改，我也知道如果我更改 css 和 sass 文件夹的路径，将其移到 src 之外，理论上它可能有效（我猜是绝对路径 - 因为 React 不允许我们引用 src 目录之外的文件）。
我想知道 React 是否发生了一些变化，有人知道吗？当我将 url 编写为内联样式时它可以工作，当我将它导入 js 文件时它可以工作。
提前致谢。
versions:
反应^17.0.1 反应脚本^4.0.1 创建反应应用程序^4.0.2
【问题讨论】：
-
不确定是不是拼写错误。但文件名应该是
logo.svg而不是logo.swg。 -
天哪，我的错？？？？我修改了，但它仍然不起作用：/
-
您能否在CodeSandbox 上重现该问题？如果没有最小的可重现示例，恐怕很难提供帮助。
-
codesandbox.io/s/busy-lovelace-wimww?file=/src/App.js 我刚刚创建的，它的结构与我的几乎相同。导入index.js的css文件，styles.css所在的css目录，public文件夹中的logo。但是在我的项目中它不起作用，我不知道为什么？？？？我试图终止该进程并重新开始 - 它也没有帮助
-
这太奇怪了。一定少了点什么。您能否检查一下应用的设置方式是否有任何差异？
标签： css reactjs background-image filepath