graphql-tag/index 没有导出的成员“gql”答案

【问题标题】：graphql-tag/index has no exported member 'gql'graphql-tag/index 没有导出的成员“gql”
【发布时间】：2018-03-05 02:51:09
【问题描述】：

我正在将我的 Angular 应用 REST 后端转换为 GraphQL。我正在尝试从 graphql-tag 导入 gql。我正在搜索和搜索，我的导入看起来和其他人一样......

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

但 gql 有红色下划线表示未找到。当我运行ng serve 时，我在cmder 中收到此错误...

.../node_modules/graphql-tag/index"' 没有导出的成员 'gql'。)

我已经运行了很多很多 apollo 和 angular npm 安装，包括 npm install --save graphql-tag，尝试安装我缺少的任何东西，似乎与我安装什么无关。

我做错了什么？

【问题讨论】：

【解决方案1】：

改用默认导出：

import gql from 'graphql-tag';

【讨论】：

【解决方案2】：

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

如果您要查看 graphql-tag 的代码，您会发现它可能有一些导出对象，或者它只有一个没有名为 gql 的方法，所以您需要做的是采用 gql直接，即：不对其进行解构，即：没有 { }。

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

您可以一直看到这一点，具体取决于您从模块导出和导入内容的方式。

请记住，每次看到 { something } 时，都会将something 从对象中拉出。

这里有一些示例代码来说明：

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

const { name } = object.test

console.log(name)

【讨论】：