absolute path not working in gatsby with images?

Question

Here is the image:

<img src="src/img/image.svg" alt="" />

The folder structure is like so:

src
 -img
 -components
 ...etc

Yet the image shows nothing and I get a 404 error in the console?

Answer 1

Gatsby在项目根目录的static文件夹中查找静态资产 ，因此，如果您希望示例图片可以工作，并且不想使用，请确保图片位于static/src/img/image.svg Webpack模块系统。