Gatsby 为图像构建缺少的路径前缀答案

【问题标题】：Gatsby build missing path prefix for imagesGatsby 为图像构建缺少的路径前缀
【发布时间】：2020-02-20 06:22:30
【问题描述】：

运行npm run deploy（由"deploy": "gatsby build && gh-pages -d public -b master" 组成）后，它成功部署，但图像不存在。我意识到他们在<noscript> 标签后面，并且显然缺少工作的路径前缀。这里是 repo：https://github.com/daletom/gatsby-universal 它部署在这里：http://thedales.me/gatsby-universal/

我确实在我的 gastby-config.js pathPrefix: "/gatsby-universal", 中添加了路径前缀，我尝试运行 gatsby build，然后运行 gatsby build --path-prefix 然后 npm run build（以及许多其他组合，包括路径前缀）

这是当前显示的图像代码：

<noscript><picture><source srcset="/static/d83d4906eafa1a2c85b17c2f9569a2b7/b1f33/1.jpg 1x,
/static/d83d4906eafa1a2c85b17c2f9569a2b7/2a252/1.jpg 1.5x,
/static/d83d4906eafa1a2c85b17c2f9569a2b7/fe3b3/1.jpg 2x" /><img loading="lazy" width="500" height="500" srcset="/static/d83d4906eafa1a2c85b17c2f9569a2b7/b1f33/1.jpg 1x,
/static/d83d4906eafa1a2c85b17c2f9569a2b7/2a252/1.jpg 1.5x,
/static/d83d4906eafa1a2c85b17c2f9569a2b7/fe3b3/1.jpg 2x" src="/static/d83d4906eafa1a2c85b17c2f9569a2b7/b1f33/1.jpg" alt="React Context" style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture></noscript>

如果是 /gatsby-universal/static/image.jpg 那么它实际上可以工作，这就是为什么我认为路径前缀搞砸了

【问题讨论】：

标签： gatsby gatsby-image

【解决方案1】：

终于想通了，显然我应该做--prefix-paths

【讨论】：

【解决方案2】：

对我来说，问题似乎是路径被缓存了。运行gatsby clean 然后gatsby build --prefix-paths 再次修复它。

【讨论】：