7

我做了这个示例：https ://github.com/Akryum/vueconf-2017-demo

结果，我的项目中有相同的文件：https ://github.com/Akryum/vueconf-2017-demo/blob/master/src/apollo-client.js

这是我的应用程序中使用的代码：

import { ApolloClient, createNetworkInterface } from 'apollo-client'

const apolloClient = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri: 'http://localhost:3000/graphql',
    transportBatching: true,
  }),
  connectToDevTools: true,
})

export default apolloClient

结果，我在控制台收到此错误（警告）：

warning  in ./src/apollo/client.js

15:23-45 "export 'createNetworkInterface' was not found in 'apollo-client'

这是来自浏览器控制台：

TypeError: Object(__WEBPACK_IMPORTED_MODULE_0_apollo_client__["createNetworkInterface"]) is not a function. (In 'Object(__WEBPACK_IMPORTED_MODULE_0_apollo_client__["createNetworkInterface"])({
    uri: 'http://localhost:3000/graphql',
    transportBatching: true
  })', 'Object(__WEBPACK_IMPORTED_MODULE_0_apollo_client__["createNetworkInterface"])' is an instance of Object)

问题是什么？

4

2 回答 2

9

由于版本 2.x Apollo 已弃用 NetworkInterface 以支持 Apollo Link，不幸的是，这是一个重大变化。

要让您的代码再次运行，您需要进行以下更改，

代替

import { ApolloClient, createNetworkInterface } from 'apollo-client'

和

import ApolloClient from 'apollo-client';

添加

import { HttpLink } from 'apollo-link-http';

并运行

npm install --save apollo-link-http

代替

const apolloClient = new ApolloClient({
  networkInterface: createNetworkInterface({
    uri: 'http://localhost:3000/graphql',
    transportBatching: true,
  }),
  connectToDevTools: true,
})

和

const apolloClient = new ApolloClient({
  link: new HttpLink({
    uri: 'http://localhost:3000/graphql'
  }),
  connectToDevTools: true,
})

并且不要忘记导出您的功能

export default apolloClient
于 2018-02-27T13:15:11.463 回答
8

看起来该 repo 尚未更新为使用apollo-client的最新版本。Apollo 客户端在 2.0 版中发生了重大变化。您可以在此处查看这些更改的摘要和升级指南。实施的一项重大更改是从 切换NetworkInterface到ApolloLink，这就是您看到createNetworkInterface无法找到的错误的原因。

要么降级到 1.9.3 版

npm install apollo-client@1.9.3

或按照上面链接中的升级指南查看如何在您的项目中使用 2.0 版。

于 2017-10-27T11:35:16.113 回答