gatsby - Gatsby 为图像构建缺少的路径前缀
问题描述
运行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 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 clean
然后gatsby build --prefix-paths
再次修复它。
推荐阅读
- c# - 从内联 Linq 转换为 Linq 查询?
- c++ - 构造函数被调用的次数
- algorithm - 为什么每次插入左倾红黑树后都需要将根着色为黑色?
- angularjs - AngularJS中的控制器未正确处理日期选择器日期
- visual-studio-2017 - 如何修复损坏的 MSVC 库?
- reactjs - attrTween 打字稿问题
- scala - Spark Dataframe 的 where 子句可以将变量作为参数吗?
- java - 如何将可绘制对象分配给小部件按钮
- multithreading - C# - WebDriver - MSTest 框架并行执行
- r - 在 R Shiny 中为进度条使用并行 foreach