Javascript 图形ql+；阿波罗错误：未捕获（承诺中）

我试图通过单击按钮将新数据提交到本地GraphQLAPI，但收到一个错误：错误：未捕获（承诺中）：错误：网络错误：Http失败响应：400错误请求

这个想法是当你按下按钮时，新的数据会被提交

  <button type="submit" (click)="onSubmit()" [disabled]="!personForm.valid" id="buttonSubmit" mat-raised-button color="accent"class="floated">Send</button>

---

当我发现你的问题时，我也有同样的问题。关于这个问题的文档很难找到，但是，它让我明白了如何解决这个问题。在我以一种新的方式包围了突变后，它对我起了作用。 我很确定，类似这样的东西也会为您解决：

onSubmit() {

  [...]

  try {
    this.$apollo.mutate <CreateUserMutationResponse>({
      mutation: CREATE_USER_MUTATION,
      variables: {
        id: id,
        vorname: vorname,
        name: name,
        email: email,
        status: status,
        activity: activity
       }
     }).subscribe((response) => { });
   } catch (e) {
      console.error(e);
   }

  console.log('submitted');

onSubmit（）{
[...]
试一试{
这是阿波罗，变异({
变异：创建用户变异，
变量：{
id:id，
vorname:vorname，
姓名:姓名,，
电邮:电邮,，
状态：状态，
活动：活动
}
}).subscribe（（响应）=>{}）；
}捕获（e）{
控制台错误（e）；
}
console.log（'submitted'）；

也帮助我首先建立了突变（看起来你已经做对了）

export const CREATE_USER_MUTATION = gql`
  mutation CreateUserMutation($id: ID!, $vorname: String!, $name: String!, $email: String!, $status: String!, $activity: String) {
    createUser(id: $id,vorname: $vorname, name: $name, email: $email, status: $status, activity: $activity) {
      id
      vorname
      name
      email
      status
      activity
    }
  }
`;

export interface CreateUserMutationResponse {
  createUser: String;
}

onSubmit() {

  [...]

  try {
    this.$apollo.mutate <CreateUserMutationResponse>({
      mutation: CREATE_USER_MUTATION,
      variables: {
        id: id,
        vorname: vorname,
        name: name,
        email: email,
        status: status,
        activity: activity
       }
     }).subscribe((response) => { });
   } catch (e) {
      console.error(e);
   }

  console.log('submitted');