Graphql Gatsbyjs静态查询无法加载

我遇到了一个问题，我用StaticQuery创建了一个非页面组件，该组件通过这样的设置提取信息

const BestSellers = () => (
  <div>
    <StaticQuery
      query={bestSellerQuery}
      render={data => (
        <div>
          {data.allMarkdownRemark.edges.map(({ node }) => (
            <Card className="m-2 index-card" key={node.id}>
              <Link to={node.fields.slug}>
                <GatsbyImage
                  className="card-img-top"
                  image={node.frontmatter.image}
                  alt={node.frontmatter.description}
                />
              </Link>
              <hr />
              <CardBody>
                <Link to={node.fields.slug}>
                  <CardTitle className="h4 text-light text-wrap">
                    {node.frontmatter.title}
                  </CardTitle>
                </Link>
                <CardSubtitle>{node.frontmatter.description}</CardSubtitle>
                {/* <CardSubtitle>{node.excerpt}</CardSubtitle>   */}
                <CardSubtitle className="float-left mt-5">
                  Price: ${node.frontmatter.price}
                </CardSubtitle>
                <CardSubtitle>
                  <Badge color="danger float-right mt-5">
                    {node.frontmatter.tag}
                  </Badge>
                </CardSubtitle>
              </CardBody>
            </Card>
          ))}
        </div>
      )}
    />
  </div>
);

const bestSellerQuery = graphql`
  query bestSellerQuery {
    allMarkdownRemark(
      filter: { frontmatter: { tag: { eq: "popular" }}}
      sort: { fields: [frontmatter___date], order: DESC }
      limit: 2
    ) {
      edges {
        node {
          id
          frontmatter {
            title
            description
            price
            tag
            image {
              childImageSharp {
                gatsbyImageData(
                  layout: CONSTRAINED
                  height: 600
                  placeholder: BLURRED
                  formats: [AUTO, JPG]
                  transformOptions: { fit: COVER, cropFocus: ATTENTION }
                )
              }
            }
          }
          fields {
            slug
          }
          excerpt
        }
      }
    }
  }
`

export default BestSellers;

const畅销书=（）=>(
(
{data.allmarkdownmark.edges.map（{node}）=>(

{node.frontmatter.title}
{node.frontmatter.description}
{/*{node.extract}*/}
价格：${node.frontmatter.Price}
{node.frontmatter.tag}
))}
)}
/>
);
常量bestSellerQuery=graphql`
查询最佳卖家查询{
所有的标记(
筛选器：{frontmatter:{tag:{eq:“流行”}}
排序：{fields:[frontmatter\uuuuuuuuuu date]，顺序：DESC}
限额：2
) {
边缘{
节点{
身份证件
前沿物质{
标题
描述
价格
标签
形象{
childImageSharp{
盖茨比图像数据(
布局：受约束
身高：600
占位符：模糊
格式：[自动，JPG]
转换选项：{fit:COVER，cropFocus:ATTENTION}
)
}
}
}
田地{
鼻涕虫
}
节选
}
}
}
}
`
出口违约畅销书；

---

我所做的是，我的页面是在点击标记文件后通过编程方式从该文件创建的，因此我尝试将其导入到用于创建页面的模板中，它只显示加载（静态查询）我曾尝试在有和没有页面查询的页面中使用此查询，结果与在我尝试使用它的模板组件中使用此查询的结果相同。

更具体地说，这是graphql查询中的问题 筛选器：{frontmatter:{tag:{eq:“流行”}}

---

问题是MD文件中的“popular”是大写的，因此通过将其更改为“popular”解决了它……

查询是否在

localhost:8000/\uuuuuu graphql中工作？你能像
{data.allMarkdownRemark.edges.map（{node}）=>{console.log（“node”，node）；return那样打印循环的结果吗？
？这个评论让我开始分解问题，找出问题所在，从而解决问题，谢谢。