&引用;gatsby node.js“;创建了一个页面,但没有';t将路径传递到组件

&引用;gatsby node.js“;创建了一个页面,但没有';t将路径传递到组件,gatsby,prismic.io,Gatsby,Prismic.io,我试图使用prismic和gatsby动态生成一些页面。我在prismic中创建了UID,看起来它正在发送路径,但我得到以下错误: 错误#11322 您的站点的“gatsby node.js”创建了一个页面,但没有传递到组件的路径 传递给createPage的页面对象: 正如你所看到的。。。它有一条路。我做错了什么?啊,问题是我没有正确地为组件提供模板: const pageTemplates = { Article: path.resolve('./src/templates/art

我试图使用prismic和gatsby动态生成一些页面。我在prismic中创建了UID,看起来它正在发送路径,但我得到以下错误:

错误#11322

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

传递给createPage的页面对象:


正如你所看到的。。。它有一条路。我做错了什么?

啊,问题是我没有正确地为组件提供模板:

 const pageTemplates = {
    Article: path.resolve('./src/templates/article.jsx'),
  }

  pages.data.allPrismicArticle.edges.forEach(edge => {
    createPage({
      path: `/${edge.node.uid}`,
      component: pageTemplates.Article,
      context: {
        id: edge.node.id,
      },
    })
  })
}

这也可能是将“组件”键入为“组件”的原因。就像我的情况一样。希望您不要犯打字错误。

我也遇到了同样的问题,并添加了path.resolve和works,谢谢您的帖子
 const pageTemplates = {
    Article: path.resolve('./src/templates/article.jsx'),
  }

  pages.data.allPrismicArticle.edges.forEach(edge => {
    createPage({
      path: `/${edge.node.uid}`,
      component: pageTemplates.Article,
      context: {
        id: edge.node.id,
      },
    })
  })
}