web-dev-qa-db-ja.com

Gatsby.jsのMarkdown Remarkを使用したカスタムフロントマター変数

GatsbyjsとNetlifyCMSを使用してウェブサイトを構築しています。私はこのスターターを使用し始めました https://github.com/AustinGreen/gatsby-starter-netlify-cms 、私は今それをカスタマイズしようとしています。

次のように、マークダウンファイルの前付けでカスタム変数を使用したいと思います。

---
templateKey: mirror
nazev: Černobílá
title: Black and White
cena: '2700'
price: '108'
thumbnail: /img/img_1659.jpeg
---

このデータにGraphQLでアクセスしたい。私はgatsby-source-filesystemとgatsby-transform-remarkを使用しています。これは私のクエリです：

  {
  allMarkdownRemark {
    edges {
      node {
        frontmatter {
          templateKey
          nazev
          title
          cena
          price
        }
      }
    }
  }
}

GraphQLで自分の変数を読み取ることができません。titleとtemplateKeyのみを認識します（これらはスターターですでに使用されています）。私はこのエラーを受け取ります：

{
  "errors": [
    {
      "message": "Cannot query field \"nazev\" on type \"frontmatter_2\".",
      "locations": [
        {
          "line": 7,
          "column": 11
        }
      ]
    },
    {
      "message": "Cannot query field \"cena\" on type \"frontmatter_2\".",
      "locations": [
        {
          "line": 9,
          "column": 11
        }
      ]
    },
    {
      "message": "Cannot query field \"price\" on type \"frontmatter_2\". Did you mean \"pricing\"?",
      "locations": [
        {
          "line": 10,
          "column": 11
        }
      ]
    }
  ]
}

何日も検索しましたが何も見つかりませんでした。誰かが私を助けてくれますか？

markdowngraphqlgatsbyyaml-front-matterremarkjs
21
Robert Wolf

解決しました！

問題は、マークダウンファイルのフロントマターに新しく追加されたプロパティがGraphQLに表示されないことでした。

私がしなければならなかったすべては「gatsby-develop」でサーバーを再起動することでした。

27
Robert Wolf