Angular Apollo: Error: GraphQL error: Unknown argument “username” on field “AuthLogin” of type “Mutation”

Question

I have this error on my angular app, using apollo for graphql

ERROR Error: GraphQL error: Unknown argument "username" on field "AuthLogin" of type "Mutation".

mutations.ts

import gql from 'graphql-tag';

export const AuthLogin = gql`
  mutation($username: String, $password: String) {
    AuthLogin(username: $username, password: $password) {
      auth
    } 
  }`;

login.component.ts

import {AuthLogin} from '../mutations';

this.apollo.mutate({
        mutation: AuthLogin, variables: { username: this.username, password: this.password }
      }).subscribe( (data) => {
        console.log(data)
      });

backend schema.graphql

input LoginInput {
    username: String!
    password: String!
}

type Mutation {
    AuthLogin(data:LoginInput): AuthResolver
}

Answer 1

Solved! The data: {... type was missing in here:

export const AuthLogin = gql`
  mutation AuthLogin($username: String!, $password: String!) {
    AuthLogin( data: {username: $username, password: $password} ) {
      auth
    } 
  }`;