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
---
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
)。也许可以尝试注释掉所有的字段
,然后一次重新启用它们?