Field "image" must not have a selection since type "String" has no subfields.
wirtzdan opened this issue · 1 comments
wirtzdan commented
I'm getting this error (not on windows) and couldn't fix it with many attempts. I looked at the other issues, but could not find a working solution...
Are things in the right order?
My gatsby-config.js
const path = require("path");
module.exports = {
siteMetadata: {
title: "Crisp Studio Blog",
description: "Our Blog",
siteUrl: "https://blog.crisp.studio"
},
mapping: {
"MarkdownRemark.frontmatter.author": "AuthorYaml"
},
plugins: [
{
// keep as first gatsby-source-filesystem plugin for gatsby image support
resolve: "gatsby-source-filesystem",
options: {
path: `${__dirname}/static/assets`,
name: "assets"
}
},
{
resolve: `gatsby-source-filesystem`,
options: {
path: `${__dirname}/src/content`
}
},
{
resolve: "gatsby-source-filesystem",
options: {
name: "content",
path: `${__dirname}/src/content/posts`
}
},
"gatsby-transformer-sharp",
"gatsby-plugin-sharp",
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
{
resolve: `gatsby-remark-relative-images`
},
{
resolve: "gatsby-remark-images",
options: {
maxWidth: 1170,
quality: 100
}
},
{
resolve: "gatsby-remark-responsive-iframe",
options: {
wrapperStyle: "margin-bottom: 1rem"
}
},
"gatsby-remark-prismjs",
"gatsby-remark-copy-linked-files",
"gatsby-remark-smartypants",
"gatsby-remark-abbr"
]
}
},
"gatsby-plugin-netlify-cms",
"gatsby-transformer-json",
{
resolve: "gatsby-plugin-canonical-urls",
options: {
siteUrl: "https://blog.crisp.studio"
}
},
"gatsby-plugin-emotion",
"gatsby-plugin-typescript",
"gatsby-plugin-react-helmet",
"gatsby-transformer-yaml",
"gatsby-plugin-feed",
{
resolve: "gatsby-plugin-postcss",
options: {
postCssPlugins: [
require("postcss-color-function"),
require("cssnano")()
]
}
},
{
resolve: `gatsby-plugin-google-analytics`,
options: {
trackingId: "UA-XXXX-Y",
// Puts tracking script in the head instead of the body
head: true,
// IP anonymization for GDPR compliance
anonymize: true,
// Disable analytics for users with `Do Not Track` enabled
respectDNT: true,
// Avoids sending pageview hits from custom paths
exclude: ["/preview/**"],
// Specifies what percentage of users should be tracked
sampleRate: 100,
// Determines how often site speed tracking beacons will be sent
siteSpeedSampleRate: 10
}
}
]
}
The query in gatsby-node.js
{
allMarkdownRemark(
limit: 2000
sort: { fields: [frontmatter___date], order: ASC }
filter: { frontmatter: { draft: { ne: true } } }
) {
edges {
node {
excerpt
timeToRead
frontmatter {
title
tags
date
draft
image {
childImageSharp {
fluid(maxWidth: 3720) {
aspectRatio
base64
sizes
src
srcSet
}
}
}
[...]
wirtzdan commented
We fixed it. The problem was not using an absolute path in the Yaml we where using.