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

【问题标题】："gatsby-node.js" created a page and didn't pass the path to the component“gatsby-node.js”创建了一个页面并且没有将路径传递给组件
【发布时间】：2020-05-28 17:19:52
【问题描述】：

我正在尝试使用 prismic 和 gatsby 来动态生成一些页面following this tutorial。我在 prismic 中创建了 UID，看起来它正在发送路径，但出现以下错误：

错误 #11322

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

传递给createPage的页面对象：

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

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

【问题讨论】：

标签： gatsby prismic.io

【解决方案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,
      },
    })
  })
}

【讨论】：

我遇到了同样的问题，并添加了 path.resolve 和 works ，感谢这篇文章

【解决方案2】：

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

【讨论】：