4

我有这个用于帐户分页的服务器 API

 {
  accounts (offset: 2, limit: 1) {
    key
    name
  }
}

使用 Graphiql 一切正常

{
  "data": {
    "accounts": [
      {
        "key": "fde3d97d-6a44-4c36-bc59-149a3e8e51ac",
        "name": "a0f353611567c83e"
      }
    ]
  }
}

我按照 Apollo 文档将我的 Web 客户端连接到后端。默认查询有效，但是当我尝试添加变量时，我在服务器端收到此错误。

WARN  g.GraphQL - Query failed to validate : 'query Accounts($offset: Int, $limit: Int) {
      accounts(offset: $offset, limit: $limit) {
        key
        name
        __typename
   }
 }

我的角度 (7) 代码如下所示：

import { Component, OnInit } from "@angular/core";
import { Apollo, QueryRef } from "apollo-angular";
import { DocumentNode } from "graphql";
import { Observable, Subscription } from "rxjs";
import gql from "graphql-tag";

const ACCOUNTS = gql`
  query Accounts($offset: Int, $limit: Int) {
    accounts(offset: $offset, limit: $limit) {
      key
      name
    }
  }
`;

@Component({
  selector: "app-accounts",
  templateUrl: "./accounts.component.html",
  styleUrls: ["./accounts.component.scss"]
})
export class AccountsComponent implements OnInit {

  private data: Observable<any>;

  constructor(private apollo: Apollo) {}

  ngOnInit() {
    this.data = this.apollo.watchQuery({
      query: ACCOUNTS,
      variables: {
        offset: 0,
        limit: 3
      }
    }).valueChanges;
  }        
}

引入参数（变量）时，似乎根本没有解析 GQL。

有什么建议么？

编辑

迁移到新的 Apollo 代码生成器后，我从服务器获取了所有类型以及为我生成的所有类型。

不过，我不知道为什么查询不适用于变量。

import { Component, OnInit } from "@angular/core";
import { Observable } from "rxjs";
import { map } from "rxjs/operators";

import { AccountsGQL, Account } from "../generated/graphql";

@Component({
  selector: "app-accounts",
  templateUrl: "./accounts.component.html",
  styleUrls: ["./accounts.component.scss"]
})
export class AccountsComponent implements OnInit {
  private data: Observable<Account[]>;

  constructor(private accountsGQL: AccountsGQL) {}

  ngOnInit() {
    this.data = this.accountsGQL
      .watch({ offset: 0, limit: 1 })
      .valueChanges.pipe(map(result => result.data.accounts));
  }
}

'offset' 已强制 NonNull 类型 'Int!' 的 Null 值

4

0 回答 0