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 looks for static assets in the static folder at the root of your project, so make sure your image is located at static/src/img/image.svg if you want your example image to work, and you don't want to use the Webpack module system.