Reactjs 如何从降价文件查询盖茨比中的zip文件？

我使用盖茨比创建我的网站的静态页面，我有我的内容在降价文件。我想在markdown中包含zip文件的路径，并使用graphql查询它，以将其传递给我的React组件

我已经尝试过传递zip文件的路径，以及传递zip文件路径的字符串

example.md

---
zip: /location/to/zipfile.zip // have also tried '/location/to/zipfile.zip
---

component.jsx

// some code

// GraphQL query
export const ExampleQuery = graphql`
  query ExampleQuery($path: String!) {
    markdownRemark(frontmatter: { path: {eq: $path } }) {
      frontmatter {
        zip
      }
    }
  }
`;

我得到以下错误

error GraphQL Error Field "zip" of type "File" must have a selection of subfields. Did you mean "zip { ... }"?

我知道我也可以直接在react中导入zip文件，但我避免了这种情况，因为我希望查询不同的zip文件，并根据用户选择将它们传递给组件