Gatsby: GraphQL 오류 알 수 없는 인수 `slug`

에 만든 2017년 09월 10일 · 3코멘트 · 출처: gatsbyjs/gatsby

안녕 모두들. 고급 스타터를 사용하여 콘텐츠를 블로그에 연결하려고 합니다. 믹스에서 파일 시스템 플러그인을 꺼내고 샘플 게시물을 가져오려고 합니다. 그러나 현재 개발 서버를 시작할 때 GraphQL Error Unknown argument slug 오류가 발생합니다.

exports.createPages = ({ graphql, boundActionCreators }) => {
  const { createPage } = boundActionCreators
  return new Promise((resolve, reject) => {
    graphql(
      `
      {
        allContentfulBlogPost(limit: 1000) {
          edges {
            node {
              id
              slug
            }
          }
        }
      }
    `
    )
      .then(result => {
        if (result.errors) {
          reject(result.errors)
        }
        const postPage = path.resolve("src/templates/post.jsx");
        _.each(result.data.allContentfulBlogPost.edges, edge => {
          console.log(edge.node);

          createPage({
            path: `/post/${edge.node.slug}`,
            component: postPage,
            context: {
              id: edge.node.id,
              slug: edge.node.slug
            },
          })
        })
      })
      .then(resolve)
  })
}

올바르게 이해하면 실제 사후 구성 요소 graphQL 쿼리에 사용할 수 있게 되는 "슬러그"를 포함하도록 컨텍스트가 설정되어 있지만 오류가 발생합니다.
이것이 발생하는 콘솔 출력 중 일부는 다음과 같습니다.

Fetch Contentful data: 404.350ms
success source and transform nodes — 0.552 s
success building schema — 0.548 s
success createLayouts — 0.055 s
⠁ /xxxxxxx/src/templates/post.jsx
{ id: 'c7juaTIcg6cW2wAGKCQuios', slug: 'test-post' }
success createPages — 0.061 s
success createPagesStatefully — 0.023 s
GraphQL Error Unknown argument `slug`

  file: /Users/joshuaweaver/Documents/JoyfulNoise/joyfulnoiseliving/src/templates/post.jsx

   1 |
   2 |   query BlogPostBySlug($slug: String!) {
>  3 |     allContentfulBlogPost(slug: { eq: $slug }) {
     |                           ^
   4 |       title
   5 |       slug
...

저는 GraphQL을 처음 접했으므로 여기서 분명한 것을 놓칠 수 있습니다. 여기에서 볼 수 있는 것 중 특이한 것이 있습니까? 찾아주셔서 감사합니다!

출처

3CordGuy

가장 유용한 댓글

아 맞다, 그 쿼리는 통하지 않았을 것이다. 구성 요소에 쿼리를 추가하기 전에 Graph i QL에서 쿼리를 시도하십시오.

"all"은 유형의 모든 노드를 쿼리하기 위한 것입니다. 모두가 없으면 단일 항목을 쿼리하기 위한 것입니다.

KyleAMathews 에 2017년 09월 10일

❤8 🚀1

모든 3 댓글

노드에 슬러그가 없을 가능성이 있습니까?

2017년 9월 10일 일요일 오전 7시 17분에 Josh Weaver [email protected]이 다음과 같이 썼습니다.

안녕 모두들. 고급 기능을 사용하여 콘텐츠를 블로그에 연결하려고
기동기. 믹스에서 파일 시스템 플러그인을 꺼내서 시도 중입니다.
샘플 포스트를 가져오기 위해. 그러나 현재 받고 있는
오류 GraphQL 오류 개발 서버 시작 시 알 수 없는 인수 슬러그입니다.
export.createPages = ({ graphql, boundActionCreators }) => {
const { createPage } = boundActionCreators
return new Promise((해결, 거부) => {
그래프ql(
{ allContentfulBlogPost(limit: 1000) { edges { node { id slug } } } }
)
.then(결과 => {
if (결과.오류) {
거부(결과.오류)
}
const postPage = path.resolve("src/템플릿/post.jsx");
_.each(result.data.allContentfulBlogPost.edges, edge => {
콘솔.로그(에지.노드);
      createPage({
        path: `/post/${edge.node.slug}`,
        component: postPage,
        context: {
          id: edge.node.id,
          slug: edge.node.slug
        },
      })
    })
  })
  .then(resolve)
})
}
올바르게 이해하면 "슬러그"를 포함하도록 컨텍스트가 설정되어 있습니다.
실제 사후 구성 요소 graphQL 쿼리에 사용할 수 있게 되는 곳...
하지만 오류가 발생합니다.
이것이 발생하는 콘솔 출력 중 일부는 다음과 같습니다.
콘텐츠 데이터 가져오기: 404.350ms
성공 소스 및 변환 노드 — 0.552초
성공 구축 스키마 — 0.548초
성공 createLayouts — 0.055초
⠁ /xxxxxxx/src/templates/post.jsx
{ 아이디: 'c7juaTIcg6cW2wAGKCQuios', 슬러그: '테스트 포스트' }
성공 createPages — 0.061초
성공 createPagesStatefully — 0.023초
GraphQL 오류 알 수 없는 인수 slug
파일: /Users/joshuaweaver/Documents/JoyfulNoise/joyfulnoiseliving/src/templates/post.jsx
1 |
2 | 쿼리 BlogPostBySlug($slug: 문자열!) {
3 | allContentfulBlogPost(슬러그: { eq: $slug }) {
| ^^
4 | 제목
5 | 강타
...
저는 GraphQL을 처음 접했으므로 여기서 분명한 것을 놓칠 수 있습니다.
—
이 스레드에 가입했기 때문에 이 메시지를 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/gatsbyjs/gatsby/issues/2069 또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AAEVh7fahni3VfI4tz_PphtJPctw2jV5ks5sg2LWgaJpZM4PSM2E
.

KyleAMathews 에 2017년 09월 10일

글쎄, 나는 Contentful에 하나의 노드/게시물만 있었습니다.

흠.. 쿼리가 allContentfulBlogPost 에서 contentfulBlogPost 로 실행되는 동안 쿼리를 변경했고 지금은 작동합니다... 하지만 GraphQL을 처음 접하기 때문에 이해가 잘 되지 않습니다. 차이점.

3CordGuy 에 2017년 09월 10일

👍1

아 맞다, 그 쿼리는 통하지 않았을 것이다. 구성 요소에 쿼리를 추가하기 전에 Graph i QL에서 쿼리를 시도하십시오.

"all"은 유형의 모든 노드를 쿼리하기 위한 것입니다. 모두가 없으면 단일 항목을 쿼리하기 위한 것입니다.

KyleAMathews 에 2017년 09월 10일

❤8 🚀1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Gatsby: GraphQL 오류 알 수 없는 인수 `slug`

가장 유용한 댓글

모든 3 댓글

관련 문제