Gatsby JSS "Мерцание" при загрузке страницы - PullRequest
Новая
       44

Gatsby JSS "Мерцание" при загрузке страницы

0 голосов
/ 12 декабря 2018

При загрузке страницы моего сайта Gatbsy наблюдается "мерцание" неустановленного контента.Вероятно, наиболее полезно посмотреть текущий предварительный просмотр развертывания здесь https://happy -mahavira-5cd669.netlify.com / .

Мои исследования до этого момента привели меня к файлу gatsby-config.js в качестве источника проблемы.Вот как этот файл выглядит в настоящее время: 

<code>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: [
    <code>gatsby-plugin-react-helmet</code>,
    {
      resolve: <code>gatsby-plugin-jss</code>,
      options: {},
    },
    {
      resolve: <code>gatsby-source-filesystem</code>,
      options: {
        name: <code>src</code>,
        path: <code>${__dirname}/src/</code>,
      },
    },
    {
      resolve: <code>gatsby-transformer-remark</code>,
      options: {
        plugins: [<code>gatsby-remark-prismjs</code>],
      },
    },
    {
      resolve: <code>gatsby-plugin-manifest</code>,
      options: {
        name: 'Dillon Morris UI/UX Designer & Developer',
        short_name: 'Dillon',
        start_url: '/',
        background_color: '#663399',
        theme_color: '#663399',
        display: 'minimal-ui',
        icon: 'src/images/logo.png', // This path is relative to the root of the site.
      },
    },
    <code>gatsby-plugin-offline</code>,
    'gatsby-plugin-netlify',
  ],
}

Я также попытался перечислить gatsby-plugin-jss в массиве плагинов (просто как gatsyby-plugin-react-helmet)В отличие от объекта со свойствами разрешения и опций, не повезло.

Это степень устранения неполадок, которую мне удалось собрать самостоятельно, я не знаю других способов диагностики или устранения этой проблемы.Эта проблема не возникает локально в режиме разработки, только после того, как она была собрана и развернута в Netlify.

Не стесняйтесь писать код и копаться, если хотите.https://github.com/dillonmorris91/portfoliodm.

Спасибо, сообщество Stack Overflow ❤️

1 Ответ

0 голосов
/ 12 декабря 2018

Я пока не использую gatsby, с точки зрения JSS может появиться мерцание, если вы удалите критический CSS перед тем, как визуализировать компоненты с помощью CSS.

...