Javascript 盖茨比MDX&x2B;Netlify CMS小部件MDX-类型错误:无法读取属性';验证';未定义的

Javascript 盖茨比MDX&x2B;Netlify CMS小部件MDX-类型错误:无法读取属性';验证';未定义的,javascript,gatsby,netlify,netlify-cms,Javascript,Gatsby,Netlify,Netlify Cms,我上班有困难。现在,我刚刚克隆了gatsby starter mdx,设置了netlify cms,现在正在尝试添加这个小部件 我的cms.js文件如下所示: import CMS from 'netlify-cms-app' import { MdxControl, MdxPreview } from 'netlify-cms-widget-mdx' CMS.registerWidget('mdx', MdxControl, MdxPreview) backend: name: git

我上班有困难。现在,我刚刚克隆了
gatsby starter mdx
,设置了
netlify cms
,现在正在尝试添加这个小部件

我的
cms.js
文件如下所示:

import CMS from 'netlify-cms-app'
import { MdxControl, MdxPreview } from 'netlify-cms-widget-mdx'

CMS.registerWidget('mdx', MdxControl, MdxPreview)
backend:
  name: git-gateway
  branch: master

media_folder: static/img
public_folder: /img

collections:
  - name: 'blog'
    label: 'Blog'
    folder: 'content/blog'
    create: true
    slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
    editor:
      preview: false
    extension: 'mdx'
    format: 'frontmatter'
    fields:
      - { label: 'Title', name: 'title', widget: 'string' }
      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
      - { label: 'Description', name: 'description', widget: 'string' }
      - { label: 'Body', name: 'body', widget: 'mdx' }

我对config.yml进行了如下编辑:

import CMS from 'netlify-cms-app'
import { MdxControl, MdxPreview } from 'netlify-cms-widget-mdx'

CMS.registerWidget('mdx', MdxControl, MdxPreview)
backend:
  name: git-gateway
  branch: master

media_folder: static/img
public_folder: /img

collections:
  - name: 'blog'
    label: 'Blog'
    folder: 'content/blog'
    create: true
    slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
    editor:
      preview: false
    extension: 'mdx'
    format: 'frontmatter'
    fields:
      - { label: 'Title', name: 'title', widget: 'string' }
      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
      - { label: 'Description', name: 'description', widget: 'string' }
      - { label: 'Body', name: 'body', widget: 'mdx' }

哦,在我的
gatsby配置中

plugins: [
    {
      resolve: `gatsby-plugin-netlify-cms`,
      options: {
        modulePath: `${__dirname}/src/cms/cms.js`,
      },
    },
  • 我不确定我到底做错了什么。我得到的错误是(当我点击Netlify CMS中的
    newblog
    时):
TypeError:无法读取未定义的属性“validate”

我的博客文章采用了盖茨比入门的标准形式。e、 g:

---
title: First Post MDX
date: 2020-02-03T18:47:01.270Z
description: A post on mdx
---
import Chart from '@components/Chart.js'

Welcome,
This is my first post on my new fake blog! How exciting! Here's MDX:

<Chart />

Bye!
---
标题:第一次发布MDX
日期:2020-02-03T18:47:01.270Z
描述:一篇关于mdx的文章
---
从“@components/Chart.js”导入图表
欢迎
这是我在新的假的博客上的第一篇文章!多么令人兴奋!这里是MDX:
再见!

提前多谢

我不是盖茨比方面的专家,但由于这个错误,我认为您缺少了创建新博客所需的一个属性。也许再看一遍文档,看看你是否遗漏了一个新博客所需的属性。对于未来的人:当我有一个无效的小部件名称时,我收到了相同的错误消息(比如
Image
,而不是
Image
)。也许可以尝试注释掉所有的
字段
,然后一次重新启用它们?