所以我尝试在我的gatsby-config.js文件中添加gatsby-plugin-favicon
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了所以我尝试在我的gatsby-config.js文件中添加gatsby-plugin-favicon相关的知识,希望对你有一定的参考价值。
首先,我在gatsby-config.js文件中添加gatsby-plugin-favicon以下代码:
module.exports = {
siteMetadata: {
title: 'Chatbiz Blog',
},
plugins: [
'gatsby-plugin-react-helmet',
'gatsby-plugin-catch-links',
{
resolve: 'gatsby-source-filesystem',
options: {
path: `${__dirname}/src/pages`,
name: 'pages',
},
},
'gatsby-transformer-remark',
{
resolve: 'gatsby-plugin-favicon',
options: {
logo: "./src/images/icon.png",
icons: {
android: true,
appleIcon: true,
appleStartup: true,
coast: false,
favicons: true,
firefox: true,
twitter: false,
yandex: false,
windows: false
}
}
}
],
}
完成添加gatsby-plugin-favicon后,出现类似这样的错误
WebpackError: ENOENT: no such file or directory, open 'C:Userssetiamyrep ositoryGatsbyJSgatsby_crash_coursepublic.iconstats.json'
所以问题我该如何解决?
答案
转到gatsby-config.js文件并删除下面提到的依赖项
icon: `src/images/gatsby-icon.png`,
以上是关于所以我尝试在我的gatsby-config.js文件中添加gatsby-plugin-favicon的主要内容,如果未能解决你的问题,请参考以下文章
如何在 graphQL 中获取 Gatsby 页面 HTML