内容丰富的CMS数据层未到达我的Gatsby / React博客

时间:2018-07-30 15:13:34

标签: javascript reactjs content-management-system gatsby contentful

我在Gatsby数据层使用本地.md文件,但是现在我需要ContentCMS集成。

const Promise = require('bluebird')
const path = require('path')

exports.createPages = ({ graphql, boundActionCreators }) => {
const { createPage } = boundActionCreators

return new Promise((resolve, reject) => {
const blogPost = path.resolve('./src/templates/blog-post.js')

resolve(
  graphql(
    `
      {
        allContentfulBlog(limit: 500) {
          edges {
            node {
              id
              slug
            }
          }
        }
      }
    `
  ).then(result => {
    if (result.errors) {
      console.log(result.errors)
      reject(result.errors)
    }
    result.data.allContentfulBlog.edges.forEach(edge => {
      createPage({
        path: edge.node.slug,
        component: blogPost,
        context: {
          slug: edge.node.slug,
        },
      })
    })
    return
   })
  )
 })
}

exports.onCreateNode = ({ node, boundActionCreators, getNode }) => {
  const { createNodeField } = boundActionCreators
}

这是我的gatsby-node.js文件。

终端提供:

  

TypeError:无法读取未定义的属性'allContentfulBlog'。

在Contentful.com上,内容类型的名称为Blog。

我已附上终端机的屏幕截图 here

有人暗示任何人吗?

1 个答案:

答案 0 :(得分:0)

看起来

  

TypeError:无法读取未定义的属性'allContentfulBlog'。

的结果
  

无法查询类型为“ ContentfulBlog”的字段“ slug”

也许可以分享您的内容模型吗?我不知道您是否看过gatsby-contentful-starter。它附带了一个内容模型-因此您也可以在那里查看。 :)