Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 盖茨比构建失败谷歌字体_Css_Gatsby_Google Fonts - Fatal编程技术网

Css 盖茨比构建失败谷歌字体

Css 盖茨比构建失败谷歌字体,css,gatsby,google-fonts,Css,Gatsby,Google Fonts,我似乎遇到了以下错误 >$ gatsby build success open and validate gatsby-configs - 0.065s success load plugins - 1.222s success onPreInit - 0.019s success delete html and css files from previous builds - 0.002s info On

我似乎遇到了以下错误

>$ gatsby build                                          
success open and validate gatsby-configs - 0.065s
success load plugins - 1.222s
success onPreInit - 0.019s
success delete html and css files from previous builds - 0.002s
info One or more of your plugins have changed since the last time you ran Gatsby. As
a precaution, we're deleting your site's cache to ensure there's no stale data.
success initialize cache - 0.029s
success copy gatsby files - 0.039s

 ERROR #11321  PLUGIN

"gatsby-plugin-prefetch-google-fonts" threw an error while running the onPreBootstrap lifecycle:

ENOENT: no such file or directory, stat '.cache/google-fonts//fonts'



Error: ENOENT: no such file or directory, stat '.cache/google-fonts//fonts'

not finished onPreBootstrap - 7.272s
我的gatsby-config.js看起来像这样

{
      resolve: `gatsby-plugin-prefetch-google-fonts`,
      options: {
        fonts: [
          {
            family: `Poppins`,
            variants: [`300`, `400`, `500`, `600`, `700`],
          },
          {
            family: `Fira Sans`,
            variants: [`100`, `300`, `400`, `500`, `600`, `700`],
          },
        ],
      },
    },
package.json

"dependencies": {
    "@styled-system/theme-get": "^5.1.2",
    "axios": "^0.21.1",
    "babel-plugin-styled-components": "^1.12.0",
    "disqus-react": "^1.0.10",
    "formik": "^2.1.5",
    "gatsby": "^2.24.57",
    "gatsby-image": "^2.4.17",
    "gatsby-plugin-feed": "^2.5.11",
    "gatsby-plugin-google-analytics": "^2.3.13",
    "gatsby-plugin-lodash": "^3.3.10",
    "gatsby-plugin-mailchimp": "^5.2.2",
    "gatsby-plugin-manifest": "^2.4.28",
    "gatsby-plugin-offline": "^3.2.27",
    "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
},

我尝试了以下方法,但似乎不起作用-

根据一些GitHub线程()的说法,这似乎是一个未解决的错误(影响大于
^2.25.1
的版本),他们建议使用其他软件包,例如:

正确配置后,问题应消失

请记住,如果您使用的是Gatsvy
v3
,某些软件包在升级到新版本的Gatsby之前可能会被弃用

我个人使用和工作完美。您可以按照生成的
中的字体堆栈检查从Google加载的字体,在这种情况下:

{
  resolve: `gatsby-plugin-google-fonts-v2`,
  options: {
    fonts: [
      {
        family: `Poppins:wght@300;400;500;600;700`,
      },
      {
        family: `Fira Sans:wght@100;300;400;500;600;700`,
      }
    ]
  }
},