时间戳

首页 > 解决方案 > 为什么我的 gatsby 应用程序显示 Unknown argument 'frontmatter' 错误？

javascript - 为什么我的 gatsby 应用程序显示 Unknown argument 'frontmatter' 错误？

问题描述

我还是新手。我只是为了让我的投资组合用好的技术建立起来。我对 gatsbyjs 很感兴趣。现在，我遇到了一个错误。它说
Unknown argument 'frontmatter' 我不知道这个。是这个与graphql或gatsbyjs有关？有人可以帮我解决这个问题吗？

我正在观看“LevelUp 教程”频道的 youtube 教程。

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

标签： javascriptreactjsgatsby

解决方案

转到您的 gatsby-config.js。

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

确保您的页面文件夹或子文件夹中有 *.md 文件。

这解决了我的问题，未知的论点'frontmatter'。如果它不适合您，请查看教程。使用 Gatsby 创建博客

推荐阅读