Graphql 盖茨比错误:你的网站';s";gatsby node.js“;创建了一个页面,但没有';t将路径传递到组件

Graphql 盖茨比错误:你的网站';s";gatsby node.js“;创建了一个页面,但没有';t将路径传递到组件,graphql,gatsby,Graphql,Gatsby,关于这个问题,我只能在stackoverflow上找到另外一个帖子。任何帮助都会很好!我一直在遵循教程,尝试将盖茨比与GraphQL结合使用。但我一直在犯错误: 错误#11322 您的站点的“gatsby node.js”创建了一个页面,但没有通过路径 连接到组件 传递给createPage的页面对象:{ “路径”:“/blog/technical seo with graphcms”, “组件”:“/Users/ela/Yao/Dev/paper-plane-project/src/templ

关于这个问题,我只能在stackoverflow上找到另外一个帖子。任何帮助都会很好!我一直在遵循教程,尝试将盖茨比与GraphQL结合使用。但我一直在犯错误:

错误#11322

您的站点的“gatsby node.js”创建了一个页面,但没有通过路径 连接到组件

传递给createPage的页面对象:{ “路径”:“/blog/technical seo with graphcms”, “组件”:“/Users/ela/Yao/Dev/paper-plane-project/src/templates/BlogPosts.js”, “背景”:{ “职务”:{ “id”:“ckadrcx4g00pw01525c5d2e56”, “标题”:“GraphCM技术SEO”, “slug”:“使用GraphCM进行技术seo”, “标签”:[ “搜索引擎优化” ], “作者”:{ “id”:“ckadqepn400gv0108p4debydk”, “姓名”:“杰西·马丁” } } }}

这是我的gatsby-node.js:

constpath=require(`path`);
exports.createPages=异步({graphql,actions:{createPage}})=>{
const{data:{gcms:{posts}}}=wait graphql(`
质疑{
gcms{
职位(阶段:已出版){
身份证件
标题
鼻涕虫
标签
作者{
身份证件
名称
}
}
}
}
`);
//const posts=pageQuery.data.gcms.posts
常量blogTemplates={
文章:path.resolve('./src/templates/BlogPosts.js'),
}
forEach(post=>createPage({
路径:`/blog/${post.slug}`,
组件:blogTemplates.Article,
背景:{
岗位:岗位,,
}
})
);

}
您的
createPage
函数中有一个输入错误。您键入的是
component
,而不是
component
。应该是:

posts.forEach(post => createPage({
    path: `/blog/${post.slug}`,
    component: blogTemplates.Article,
    context : {
        post : post,
    }
})

此外,如果您检查,您可以找到完整的配置。

您的
createPage
函数中有一个输入错误。您键入的是
component
,而不是
component
。应该是:

posts.forEach(post => createPage({
    path: `/blog/${post.slug}`,
    component: blogTemplates.Article,
    context : {
        post : post,
    }
})

此外,如果您检查,您可以找到完整的配置。

您在
createPage
中将
component
拼写错误为
componenent
,谢谢!那是个愚蠢的错误!您在
createPage
中将
component
拼写错误为
componenent
,谢谢!那是个愚蠢的错误!非常感谢。我犯了一个非常愚蠢的错误。也感谢您提供的有用资源!不客气,我很乐意帮忙。如果还有什么我能帮忙的,请告诉我。否则,我会请你关闭这个问题,谢谢!我犯了一个非常愚蠢的错误。也感谢您提供的有用资源!不客气,我很乐意帮忙。如果还有什么我能帮忙的,请告诉我。否则我会要求你结束这件事,