gatsby - “gatsby-node.js”创建了一个页面并且没有将路径传递给组件

Question

我正在尝试使用 prismic 和 gatsby 在本教程之后动态生成一些页面。我在 prismic 中创建了 UID，看起来它正在发送路径，但我收到以下错误：

错误 #11322

您网站的“gatsby-node.js”创建了一个页面，但没有将路径传递给组件。

传递给 createPage 的页面对象：

{
    "path": "/heatx",
    "context": {
        "id": "Prismic__Article__XkTInhAAACIAtG2G"
    }
}

如您所见...它有一条路径。我究竟做错了什么？

Answer 1

啊，问题是我没有正确地给组件模板：

 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,
      },
    })
  })
}

Answer 2

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