Почему мое приложение gatsby показывает ошибку «frontmatter» Неизвестного аргумента?

Question

Я все еще новичок в реакции. Я просто хочу, чтобы мое портфолио было построено с использованием хороших технологий. Я заинтересован в gatsbyj. На данный момент я получил ошибку. Он говорит
Неизвестный аргумент 'frontmatter' У меня нетИдея об этом. Это связано с graphql или gatsbyjs?Может кто-нибудь помочь мне исправить это?

Я смотрел учебник YouTube из канала "LevelUp Tutorial".

https://www.youtube.com/watch?v=VxVKMJThh04&list=PLLnpHn493BHHfoINKLELxDch3uJlSapxg&index=5

import React from 'react'
import Helmet from 'react-helmet'
import { graphql } from "gatsby"

export default function Template({ data }) {
    const { markdownRemark: post } = data; //sama dengan const post=data.markdownRemark
    // const { markdownRemark } = data // data.markdownRemark holds our post data


    return (
        <div>
            <h1>{post.frontmatter.title}</h1>
            <div dangerouslySetInnerHTML={{ __html: post.html }} />
        </div>
    )

}

export const postQuery = graphql`
query BlogPostByPath($path : String!){
    markdownRemark(frontmatter:{path: { eq:$path}}){
        html
        frontmatter{
            path
            title
        }
    }
}

Answer 1

Перейдите к вашему gatsby-config.js.

{
  resolve: `gatsby-source-filesystem`,
  options: {
    name: `pages`,
    path: `${__dirname}/src/pages`,
  },
},

убедитесь, что в вашей папке или подпапках есть файлы * .md.

Это решило мою проблему, неизвестный аргумент 'frontmatter'.Если это не работает для вас, ознакомьтесь с руководством. Создание блога с Гэтсби