Гэтсби создает отсутствующий префикс пути для изображений

Question

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

Answer 1

Для меня проблема заключалась в том, что пути были кешированы. Бегgatsby clean а потом gatsby build --prefix-paths снова исправил.

Answer 2

Наконец понял это, по-видимому, я должен делать --prefix-paths