typescript - Graphql 文件中的查询需要大括号

Question

在一个打字稿项目中，我在 webpack 中使用 graphql-tag 加载器从外部查询文件中加载一些文件 - 如下所示：

import * as queries from './queries.gql';

query.gql 文件有如下查询：

query get_project_rel_data get_project_related_data($id: ID!) { project(id : $id) { id key name createdDate modifiedDate products { id key name parts { id key name rendererType blocks { id key name rendererType placeholderName elements { key id content name author rendererType placeholderName } } } } } }

这给出了错误

./src/modules/graphql/queries.gql
GraphQLError: Syntax Error: Expected {, found Name "get_project_related_data"

如果我删除 get_project_rel_data 那么我得到 tsx module not found 错误：

类型错误：找不到模块“./queries.gql”。TS2307

    4 | import {DocumentNode} from 'graphql';
    5 | import gql from 'graphql-tag';
  > 6 | import * as queries from './queries.gql';

但是如果我完全删除了那个有问题的查询，那么文件中的其他查询就可以正常工作。

如果我将它包装在 { 我得到预期的 Name found $ 错误在这里讨论 https://github.com/apollographql/graphql-tag/issues/180