Reactjs 使用gatsby和netlify预加载字体和图像的问题

我不断收到我网站上的警告信息：

chrome警告消息

“资源已使用链接预加载进行预加载，但在窗口加载事件后的几秒钟内未使用。请确保它具有适当的as值，并且是有意预加载的。”

该资源已使用链接预加载进行预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它有一个适当的as值，并且是有意预加载的。 该资源已使用链接预加载进行预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它有一个适当的as值，并且是有意预加载的。 该资源已使用链接预加载进行预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它有一个适当的as值，并且是有意预加载的。 该资源已使用链接预加载进行预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它有一个适当的as值，并且是有意预加载的

主要问题是什么？如何解决这个问题？

我尝试在头盔插件中添加as属性，例如

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`],
      },

---

你解决了这个问题吗？

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',
}