模块生成失败: GraphQLError

Question

我无法理解错误，我添加了graphq-tag来解析webpack配置文件中的.graphql，如下所示

{
  test: /\.(graphql|gql)$/,
  exclude: /node_modules/,
  loader: 'graphql-tag/loader'
}

下面是我的.graphql文件

import {gql} from 'react-apollo';

const query = gql`
  query {
    userCurrent{
      profile {
      name
    }
    appRoles,
    username,
    authEmail {
      address
    }
    orgs {
      userOrgRoles
      orgId
      name
      orgRoles
    }
    currentOrg {
      orgId
      userOrgRoles
      name
      orgRoles
    }
  }
}`;

export default query;

误差

ERROR in **./src/modules/goin_users/client/graphql_queries/user_graphql_queries.graphql
[2] Module build failed: GraphQLError**
[2]     at syntaxError (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/bundledParser.js:1349:16)
[2]     at unexpected (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/bundledParser.js:1043:34)
[2]     at parseDefinition (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/bundledParser.js:206:10)
[2]     at parseDocument (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/bundledParser.js:160:23)
[2]     at parse (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/bundledParser.js:97:11)
[2]     at parseDocument (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/index.js:125:16)
[2]     at gql (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/index.js:158:10)
[2]     at Object.module.exports (/home/sairam/Downloads/goin/goin/node_modules/graphql-tag/loader.js:27:18)

Answer 1

您的.graphql文件应该只包含普通查询，而不是javascript代码：

query {
    userCurrent{
      profile {
      name
    }
    appRoles,
    username,
    authEmail {
      address
    }
    orgs {
      userOrgRoles
      orgId
      name
      orgRoles
    }
    currentOrg {
      orgId
      userOrgRoles
      name
      orgRoles
    }
}

然后只需导入它：

import query from './query.graphql';

console.log(query);
// {
//   "kind": "Document",
// ...

graphql-tag加载程序将处理其余部分。

仅在单独的文件中进行简单的查询，就可以直接在您使用的代码编辑器中获得查询高亮显示和自动建议的优势：

• VSCode插件
• 原子插件