盖茨比中的静态文件图像路径

Question

我正在尝试从 gatsby 中的静态文件夹中添加一些图像，但路径总是不正确。谁能帮我定义正确的道路？我试过这样的路径

../../static/1.jpg

这个

../../1.jpg

还有这个

/1.jpg

他们都没有工作。它总是显示相同的错误

Can't resolve 'img1(or any other path)' in 'S:\Programowanie\Garni\src\pages'

项目的结构如下所示

Answer 1

静态文件夹重新创建了与 public 完全相同的内部结构，因此：

<img src={'/1.jpg'} alt="Some alt text" />;

应该是 /static/1.jpg 结构的有效路径。其余的依此类推。请记住，密钥“static”永远不应出现在图像的 src 中，因为它对 Gatsby 的 public 文件夹是“不可见的”。所有路径都从 static 作为根开始。

请记住，作为一个缺点，使用静态资产会导致这些图像逃脱 post-process 和修改。

我强烈建议 运行 gatsby clean.

在每次试验中清理缓存（静态资产有时很难缓存）