Gatsby 静态路径无法解析答案

【问题标题】：Gatsby static path not resolvingGatsby 静态路径无法解析
【发布时间】：2021-03-31 17:47:33
【问题描述】：

Gatsby 文档说我可以将 img 文件放在 assets 文件夹中，我可以这样称呼它：url(someimage.png)

在此之后，我有以下内容。 static/images/ 这里我有图像文件。
然后在一个 css 文件中，我调用了一个 url 图像。

.ui-accordion .ui-state-default {
    background: url(images/bg_widget_header.png) no-repeat 0 0;
}

我可以验证这张图片在这里：images/bg_widget_header.png

我收到以下错误：错误生成开发 JavaScript 包失败

Can't resolve './images/bg_widget_header.png' in '/Users/ohms/Code/eagle-eye-site/src/styles'

我错过了什么或做错了什么？

【问题讨论】：

【解决方案1】：

是的，您可以使用资产图像将其用作背景。您可能需要使用相对论找到正确的路径，例如

background: url("../images/bg_widget_header.png") no-repeat 0 0;

此外，您不需要将该图像存储在/static 文件夹中，因为该图像将被使用并且它是项目的内部文件，您可以将其存储在您想要的任何位置并使用相对路径（ ../../)。

【讨论】：