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

Question

我正在尝试使用棱镜和gatsby动态生成某些页面following this tutorial。我创建了棱柱形的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

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