graphql-标记/索引没有导出成员“gql”

Question

我正在将我的角度应用程序REST后端转换为GraphQL。我试图从graphql标签导入gql。我在搜索，我的进口看起来像每个人都在.

import { Angular2Apollo } from 'angular2-apollo';
import { ApolloClient } from 'apollo-client';
import { gql } from 'graphql-tag';

但是gql有红色下划线，表示找不到。当我运行ng serve时，我在cmder中得到了这个错误.

./node_index/graphql-tag/index“‘没有导出成员’gql‘)。

我已经运行了许多，很多阿波罗和角npm安装，包括npm install --save graphql-tag，尝试安装我所缺少的，似乎并不重要，我安装什么。

我做错了什么？

Answer 1

我看到了。这里发生的事情是，您的代码试图将gql从从graphql-标记导出的对象中剥离出来，但是错误告诉您没有这个名称的导出成员，这意味着导出的对象没有该名称的方法，或者有多个导出的对象。

如果要查看graphql-标记的代码，您会看到它可能有几个导出对象，或者只有一个没有名为gql的方法，所以您需要做的是直接使用gql，即:不对其进行销毁，即:不使用{ }。

这将是正确的：import gql from 'graphql-tag'

您可以随时看到这一点，这取决于您从模块导出和导入东西的方式。

请记住，每当您看到{某某物}时，它都会从一个对象中提取something。

下面是一些示例代码来说明：

const object = {
    test: { name = 'Locohost' }
}

const { name } = object.test

console.log(name)

Answer 2

改为使用默认导出：

import gql from 'graphql-tag';