Gatsby: Erreur GraphQL Argument inconnu "slug"

Créé le 10 sept. 2017 · 3Commentaires · Source: gatsbyjs/gatsby

Salut tout le monde. Essayer de connecter du contenu à un blog à l'aide du démarreur avancé. J'ai retiré les plugins du système de fichiers du mix et j'essaie juste d'obtenir un exemple de message. Cependant, j'obtiens actuellement une erreur GraphQL Error Unknown argument slug au démarrage du serveur de développement.

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)
  })
}

J'ai un contexte défini pour inclure "slug" qui, si je comprends bien, est l'endroit où il devient disponible pour la requête graphQL du composant post réel... mais cela génère l'erreur.
Voici une partie de la sortie de ma console où cela se produit

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
...

Je suis assez nouveau sur GraphQL, donc je pourrais manquer quelque chose d'évident ici. Quelque chose qui sort de l'ordinaire d'après ce que vous pouvez voir ici ? Merci d'avoir cherché !

Source

3CordGuy

Commentaire le plus utile

Oh, oui, cette requête n'aurait pas fonctionné. Assurez-vous d'essayer vos requêtes dans Graph i QL avant de les ajouter à vos composants.

"all" est pour interroger tous les nœuds d'un type. Sans tout, c'est pour interroger un seul élément.

KyleAMathews le 10 sept. 2017

❤8 🚀1

Tous les 3 commentaires

Il est possible qu'un nœud n'ait pas de slug ?

Le dimanche 10 septembre 2017, 7 h 17, Josh Weaver [email protected] a écrit :

Salut tout le monde. Essayer de connecter du contenu à un blog à l'aide des fonctionnalités avancées
entrée. J'ai retiré les plugins du système de fichiers du mix et j'essaie
pour obtenir juste un exemple de poste tiré. Cependant, je reçois actuellement un
error Erreur GraphQL Slug d'argument inconnu au démarrage du serveur de développement.
exports.createPages = ({ graphql, boundActionCreators }) => {
const { createPage } = boundActionCreators
return new Promise((résoudre, rejeter) => {
graphql(
{ allContentfulBlogPost(limit: 1000) { edges { node { id slug } } } }
)
.then(résultat => {
si (résultat.erreurs) {
rejeter (résultat.erreurs)
}
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)
})
}
J'ai un contexte défini pour inclure "slug" qui, si je comprends bien, est
où il devient disponible pour la requête graphQL de post-composante réelle ...
mais il jette l'erreur.
Voici une partie de la sortie de ma console où cela se produit
Récupérer les données de contenu : 404,350 ms
nœuds source et de transformation de succès — 0,552 s
schéma de construction de succès — 0,548 s
succès createLayouts — 0,055 s
/xxxxxxx/src/templates/post.jsx
{ id : 'c7juaTIcg6cW2wAGKCQuios', slug : 'test-post' }
succès createPages — 0,061 s
success createPagesStatefully — 0,023 s
Erreur GraphQL Argument inconnu slug
fichier : /Users/joshuaweaver/Documents/JoyfulNoise/joyfulnoiseliving/src/templates/post.jsx
1 |
2 | requête BlogPostBySlug($slug : chaîne !) {
3 | allContentfulBlogPost(slug : { eq : $slug }) {
| ^
4 | Titre
5 | limace
...
Je suis assez nouveau sur GraphQL, donc je pourrais manquer quelque chose d'évident ici.
-
Vous recevez ceci parce que vous êtes abonné à ce fil.
Répondez directement à cet e-mail, consultez-le sur GitHub
https://github.com/gatsbyjs/gatsby/issues/2069 , ou désactiver le fil
https://github.com/notifications/unsubscribe-auth/AAEVh7fahni3VfI4tz_PphtJPctw2jV5ks5sg2LWgaJpZM4PSM2E
.

KyleAMathews le 10 sept. 2017

Eh bien, je n'avais qu'un seul nœud/post dans Contentful.

Hmm.. J'ai fini par changer la requête alors qu'elle s'exécutait de allContentfulBlogPost à contentfulBlogPost et cela fonctionne maintenant... Mais, étant si nouveau dans GraphQL, je ne suis pas sûr de comprendre le différence.

3CordGuy le 10 sept. 2017

👍1

Oh, oui, cette requête n'aurait pas fonctionné. Assurez-vous d'essayer vos requêtes dans Graph i QL avant de les ajouter à vos composants.

"all" est pour interroger tous les nœuds d'un type. Sans tout, c'est pour interroger un seul élément.

KyleAMathews le 10 sept. 2017

❤8 🚀1

Cette page vous a été utile?

0 / 5 - 0 notes