Gatsby JS Build 帶有斷開的鏈接

Question

嗨，伙計們，我對整個 gatsby JS 都是新手。 愛到現在。 我通過 gatsby 頭盔通過 webpack 和一些外部 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 中添加路徑前綴找到了解決此問題的方法。