После запуска 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затем следует сборка gatsby --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 тогда это действительно сработает, поэтому я считаю, что префикс пути испорчен