graphql-tag/indexにエクスポートされたメンバー 'gql'がありません

Question

私はAngle appのRESTバックエンドをGraphqlに変換しています。私はgraphqlタグからgqlをインポートしようとしています。私が検索し、検索し、私のインポートは、誰もよそ...

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

のように見える。しかしGQLが見つからないことを示す赤い下線を持っています。私はng serveを実行すると、私はGQL '「何もエクスポートされたメンバーを持っていない'」

.../node_modules/graphqlタグ/インデックス... cmderにこのエラーが発生します。）

私は多くを実行しています、 。？多くのアポロと角度NPMは、私が欠けているものは何でもインストールしようと、npm install --save graphql-tag含めて、インストールし、私がインストールかは重要とは思われないが

私が間違って何をやっている

Answer 1

私はそれを見ます。ここで何が起きているのですか？あなたのコードがgraphql-tagからエクスポートされたオブジェクトのgqlを無効にしようとしていますが、エクスポートされたオブジェクトにはメソッドがありませんまたは複数のオブジェクトがエクスポートされています。

graphqlタグのコードを見ると、エクスポートオブジェクトがいくつかあるか、gqlというメソッドがないことがわかります。したがって、実行する必要があるのはgqlです。すなわち、それを破壊することなく、すなわち：{}なし。

これは正しいようになります。import gql from 'graphql-tag'

あなたはモジュールから物事をエクスポートおよびインポートする方法によっては、すべての時間、これを見ることができます。

{something}が表示されるたびに、somethingがオブジェクトから取り出されるメモリを確保します。ここで

を説明するためのいくつかのサンプルコードです：

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

const { name } = object.test 

console.log(name) 

Answer 2

は、代わりにデフォルトのエクスポートを使用します。

を

import gql from 'graphql-tag';