我正在使用gatsby创建网站的静态页面,我的内容包含在markdown文件中。我想在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文件并根据用户选择将它们传递给组件。