GraphQL "$ id" требуемого типа "Int!" не было предоставлено

Question

У меня проблемы с кодом, я работаю с Gatsby и Gatsby Awesome Pagination,

Так что я не знаю, что происходит, потому что на gatsby develop есть работает, но когда я использую

gatsby build , он говорит

В вашем запросе GraphQL произошла ошибка: переменная «$ id» требуемого типа «Int! " не был предоставлен.

Это мой код в gatsby- node.js

  const BlogPosts = result.data.allWordpressPost.edges
  paginate({
    createPage, 
    items: BlogPosts, 
    itemsPerPage: 10,
    itemsPerFirstPage: 10,
    pathPrefix: '/blog',
    component: path.resolve('./src/pages/blog.js'), 
  })
  BlogPosts.forEach(post => {
    createPage({
      path: `/${post.node.slug}`,
      component: BlogSinglePage,
      context: {
        id: post.node.wordpress_id,
      },
    })

  })

А это мой код в блоге. js

export const query = graphql`
  query ($skip: Int!, $limit: Int!) {
    allWordpressPost(
      skip: $skip 
      limit: $limit 
    ) 
    {
      edges {
        node {
          wordpress_id
          title
          excerpt
          slug
          date(formatString: "YYYY-MM-DD")
          categories {
            name
            slug
          }
          featured_media {
            source_url
          }
        }
      }
    }
  }
`

Подскажите, пожалуйста, что я делаю не так

Спасибо !!!

Answer 1

Разве ваш «Блог. js» не находится в «src / pages»?

поскольку ядро ​​Gatsby автоматически превращает реагирующие компоненты в «src / pages» в страницы с URL-адресами, я рекомендую вам переместить ваш "Blog. js" в "src / templates"