При загрузке страницы моего сайта Gatbsy наблюдается "мерцание" нестилизованного контента. Вероятно, наиболее полезно просмотреть предварительную версию текущего развертывания здесь https://happy-mahavira-5cd669.netlify.com/.
Мои исследования до этого момента привели меня к файлу gatsby-config.js как источнику проблемы. Вот как этот файл сейчас выглядит:
module.exports = {
siteMetadata: {
title: 'Dillon Morris - UI Designer & Developer',
author: 'Dillon Morris',
siteUrl: 'www.dillonmorris.me',
description: 'Dillon is a UI/UX Developer & Designer in Phoenix, AZ',
},
plugins: [
gatsby-plugin-react-helmet
, {разрешение: gatsby-plugin-jss
, параметры: {},}, {разрешение: gatsby-source-filesystem
, параметры: {имя: src
, путь: ${__dirname}/src/
,},}, {разрешение: gatsby-transformer-remark
, параметры: {плагины: [gatsby-remark-prismjs
],}, }, {resolve: gatsby-plugin-manifest
, options: {name: 'Dillon Morris UI / UX Designer & Developer', short_name: 'Dillon', start_url: '/', background_color: '# 663399', theme_color: '# 663399', дисплей : 'minimal-ui', icon: 'src / images / logo.png', // Этот путь относительно корня сайта. },}, gatsby-plugin-offline
, 'gatsby-plugin-netlify',],}
Я также пробовал, чтобы gatsby-plugin-jss
был явно указан в массиве плагинов (точно так же, как gatsyby-plugin-react-helmet
), в отличие от объекта со свойствами разрешения и параметров, не повезло.
Это тот объем устранения неполадок, который я смог собрать самостоятельно, я не знаю других способов диагностики или устранения этой проблемы. Эта проблема не возникает локально в режиме разработки, только после сборки и развертывания в Netlify.
Не стесняйтесь читать код и копаться, если вам так хочется. https://github.com/dillonmorris91/portfoliodm.
Спасибо сообществу Stack Overflow ❤️