我试图将我的Gatsby网站挂接到Netlify cms。
我的所有文本似乎都可以使用,但是当我尝试添加图像时出现错误。
我的config.yml看起来像这样。
- name: "pages"
label: "Pages"
files:
- file: "src/pages/index.md"
label: "Landing Page"
name: "index"
fields:
- {label: "Template Key", name: "templateKey", widget: "hidden", default: "index-page"}
- {label: Title, name: title, widget: string}
- {label: Image, name: image, widget: image}
- {label: Heading, name: heading, widget: string}
- {label: Subheading, name: subheading, widget: string}
- {label: TwoCol1, name: twocol1, widget: object, fields: [
{label: Heading, name: heading, widget: string},
{label: Subheading, name: subheading, widget: text},
{label: Image1, name: image1, widget: image}
]},
这是我对页面模板的查询...
export const pageQuery = graphql`
query IndexPageTemplate {
markdownRemark(frontmatter: { templateKey: { eq: "index-page" } }) {
frontmatter {
title
image {
childImageSharp {
fluid(maxWidth: 2048, quality: 100) {
...GatsbyImageSharpFluid
}
}
}
heading
subheading
twocol1 {
heading
subheading
image1
}
mainpitch {
title
description
}
description
intro {
blurbs {
image {
childImageSharp {
fluid(maxWidth: 240, quality: 64) {
...GatsbyImageSharpFluid
}
}
}
text
}
heading
description
}
}
}
}
`
我的问题是,当我尝试在twocol1中查询图像时,出现此错误。
无法查询类型为“ MarkdownRemarkFrontmatterTwocol1”的字段“ image1”。您是说“ _image”吗?
我尝试将image1重命名为_image,但仍然收到相同的消息。
任何想法都会得到极大的赞赏!
谢谢:)