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

时间:2019-10-24 00:03:33

标签: gatsby gatsby-image

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

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

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

<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,那么它实际上可以工作,这就是为什么我认为路径前缀搞砸了

2 个答案:

答案 0 :(得分:0)

终于弄清楚了,显然我应该做--prefix-paths

答案 1 :(得分:0)

对我来说,问题似乎在于路径已缓存。运行gatsby clean,然后再次运行gatsby build --prefix-paths,将其修复。