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 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`],
},
],
},
},
包.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",
},
我尝试了以下方法,但似乎不起作用 - Gatsby - 将 Google 字体添加到 Gatsby 站点
解决方案
根据一些 GitHub 线程(https://github.com/gatsbyjs/gatsby/issues/27607),这似乎是一个未解决的错误(影响大于 的版本^2.25.1
),他们建议使用替代包,例如:
正确配置后,问题应该消失了。
请记住,如果您使用的是 Gatsvy v3
,则在升级到新版本的 Gatsby 之前,可能会弃用某些软件包。
我个人使用gatsby-plugin-google-fonts-v2
并完美运行。您可以按照生成的字体堆栈<link>
来检查从 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`,
}
]
}
},
推荐阅读
- python - TypeError: write() 参数必须是 str,而不是 dict (Python)
- python - Pandas - 根据多个条件更新列 - 按方法分组
- docker - GCloud 拉取 docker 镜像时出错“无法拉取和解压镜像”
- android - mongo领域同步中可以同时同步的分区值的限制
- java - Fortify - 在 try-with-resources 中有一个三元组的未发布资源流问题
- json - 在 Delphi 中用斜杠解析 JSON
- python - Pandas 通过与另一个 Dataframe 的比较来替换列的值
- terraform - 如何在外部数据查询中使用模块输出变量
- python-3.x - Pandas Dataframe Query - 每行最高值的位置
- html - 如何将Angular Material卡片显示为列而不是行