Angular：AWSAppSyncClient 与 ApolloClient 不兼容答案

【问题标题】：Angular: AWSAppSyncClient is not compatible with ApolloClientAngular：AWSAppSyncClient 与 ApolloClient 不兼容
【发布时间】：2019-04-30 12:32:57
【问题描述】：

我正在尝试使用 Apollo 为我的 Angular 项目连接到 AWSAppSync(Graphql)。

我做了什么：

import AWSAppSyncClient from 'aws-appsync';
import { AUTH_TYPE } from 'aws-appsync/lib/link/auth-link';
import {Apollo } from 'apollo-angular';

export class GraphqlService {

  constructor(private apollo: Apollo) {
  }

  hydrated() {
    const appsyncClient = new AWSAppSyncClient({
      url: appSyncConfig.graphqlEndpoint,
      region: appSyncConfig.region,
      auth: {
        type: AUTH_TYPE.API_KEY,
        apiKey: appSyncConfig.apiKey,
      }
    });
    this.apollo.setClient(appsyncClient);
    return appsyncClient.hydrated();
  }

}

我的编译失败。

'AWSAppSyncClient' 类型的参数不是可分配给“ApolloClient”类型的参数。

欢迎提出任何建议。

【问题讨论】：

标签： angular graphql apollo-client aws-appsync

【解决方案1】：

要克服类型错误，您必须等待客户端水合并在承诺解决后返回变量。

this.appsyncClient.hydrated().then(
  client => {
    this.apollo.setClient(client);
  }
)

【讨论】：