Изображение Гэтсби не работает - изображения размыты при развертывании или не отображаются вообще - PullRequest
2 голосов
/ 16 марта 2020

Описание проекта: Использование Gatsby для создания веб-сайта портфолио для демонстрации моих JavaScript проектов.

Проблема: Не удается загрузить изображения с помощью gatsby- Изображение в моем развертывании на страницах GitHub - это работает на моем локальном компьютере. Если я использую childImageSharp.fixed, он размыт, а если я использую childImageSharp.noBase64, изображение вообще не отображается.

Что я пробовал: Я пытался удалить свою публика c и .cache папки и восстановление (много раз) - не работает. Я пытался использовать более старые версии Gatsby и gatsby-images, это не сработало и, похоже, сломало другие вещи. Я пытался улучшить качество, но изменил некоторые настройки, но это не сработало. Это все, что я пробовал в других постах StackOverflow, которые я читал последние пару дней.

* Примечание: я также пытался не использовать Gatsby Images, и вы увидите много других данных в моем запрос даже без изображений Гэтсби Я не могу получить изображения, чтобы показать не сломан. Но при использовании изображений Гэтсби они либо размытые, либо пустые, как я уже говорил выше.

Репозиторий Github: https://github.com/mk0b/gatsby-portfolio-site

Live Github Pages Сайт: https://mk0b.github.io/gatsby-portfolio-site/

** Замечания по структуре - Мой запрос graphQL находится в проектах. js и передает всю информацию в Project. js, которая затем использует изображение Гэтсби.

Спасибо за любую помощь / руководство заранее !!

1 Ответ

0 голосов
/ 16 марта 2020

Кто-то в одном из моих слабых сообществ предложил мне попробовать Netlify вместо страниц github, и изображения работают с Netlify deploy. Так что это не решено, но больше не нажимается.

...