Проблемы предварительной загрузки шрифтов и изображений с помощью gatsby и netlify - PullRequest
Новая
       22

Проблемы предварительной загрузки шрифтов и изображений с помощью gatsby и netlify

0 голосов
/ 18 июня 2019

Я получаю предупреждающее сообщение моего сайта: https://www.selectchu.com

Chrome предупреждающее сообщение

"Ресурс был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секундиз события загрузки окна. Убедитесь, что оно имеет соответствующее значение as и преднамеренно загружено. "

Ресурс https://www.selectchu.com/component---src-pages-index-js-e3609fd82d452154463c.js был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение несколькихсекунд от события загрузки окна.Пожалуйста, убедитесь, что он имеет соответствующее значение и преднамеренно загружен.Ресурс https://www.selectchu.com/google-fonts/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2 был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна.Пожалуйста, убедитесь, что он имеет соответствующее значение и преднамеренно загружен.Ресурс https://www.selectchu.com/app-97f530f3e5a7162dfd06.js был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна.Пожалуйста, убедитесь, что он имеет соответствующее значение и преднамеренно загружен.Ресурс https://www.selectchu.com/webpack-runtime-c108f36890d85c65bb96.js был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна.Пожалуйста, убедитесь, что оно имеет соответствующее значение и предварительно загружено намеренно.

В чем может быть основная проблема?и как это решить?

Я пытался добавить в качестве атрибута на плагин шлема, такие как 

const Font = 'public/google-fonts/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2'

require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`,
})

module.exports = {
  siteMetadata: {
    title: `SelectChu`,
    description: `Upcoming SelectChu project`,
    author: `@Hogyster`,
  },
  plugins: [
    `gatsby-plugin-react-helmet`,
    {
      resolve: 'gatsby-plugin-netlify',
      options: {
        allPageHeaders: [`Link: <${Font}>; rel=preload; as=font; type=font/woff2 crossorigin=anonymous`],
      },

это мой gatsby-config.js 

plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-styled-components`,
    `gatsby-transformer-sharp`,
    `gatsby-plugin-sass`,
    `gatsby-plugin-sharp`,
    `gatsby-plugin-transition-link`,
    {
      resolve: `gatsby-plugin-prefetch-google-fonts`,
      options: {
        fonts: [
          {
            family: `Noto Sans KR`,
            subsets: [`latin`, 'korean'],
            variants: [`400`, `700`]
          },
          {
            family: `Open Sans`,
            variants: [`400`, `700`]
          },
          {
            family: `Roboto`,
            variants: [`400`, `700`]
          },
        ],
      },
    },
    'gatsby-transformer-remark',
}
...