Gatsby JS构建与断链

Question

Hi Guys so im new to this whole gatsby JS. 爱它，到目前为止。我已经通过webpack加载了一些图片，并通过gatsby helmet加载了一些外部javascript。在开发过程中，一切都很完美。

但是当我建立图片和脚本的时候，所有的图片和脚本都被破坏了。控制台说是404。

This is how I'm importing-  import heroImg from "../images/tiger.svg"

And this is how I call -  <img src={heroImg} alt="logo" className="img-responsive" />

JS也是如此 <script src={withPrefix('../static/gsap.js')} type="text/javascript" />

所有的东西在构建中都是坏的，但在开发中却能正常工作。

我在构建中发现的一件事是，当我在开发者控制台中删除url中的"... "时，图像就会显示出来。所以我认为是构建时的一些路径问题。我如何解决这个问题？请帮助

Answer 1

我发现了一个修复方法，在gatsby中添加路径前缀。