AWS Amplify GraphQL API в приложении Vue возвращает значение NULL - PullRequest
Новая
       40

AWS Amplify GraphQL API в приложении Vue возвращает значение NULL

0 голосов
/ 29 января 2019

Я использую AWS-Amplify для генерации BackQL-интерфейса GraphQL в простом приложении для управления задачами Vue2.

Я правильно настроил свое приложение для использования компонентов ampify-vue.Все выглядит хорошо, так как ошибок нет.Я сгенерировал правильную схему с помощью консоли AppSync и создал мутации и запросы для демонстрации CRUD, как показано ниже.

Схема 

type Mutation {
    createTask(input: TaskInput): Task
    updateTask(id: ID!, input: TaskInput): Task
    deleteTask(id: ID!): Task
}

type Query {
    fetchTask(id: ID): Task
}

type Task {
    id: ID!
    name: String!
    completed: Boolean!
}

input TaskInput {
    name: String!
    completed: Boolean!
}

Запрос 

query listTasks {
  listTasks {
    items {
      id
      name
      completed
    }
  }
}

Мутации 

mutation addTask($name: String!, $completed: Boolean!) {
  createTask(
    input: {
      name: $name,
      completed: $completed
    }
  ) {
    name
    completed
  }
}


mutation updateTask($id: ID!, $name: String!, $completed: Boolean!) {
  updateTask(
    input: {
      id: $id
      name: $name
      completed: $completed
    }
  ) {
    id
    name
    completed
  }
}

mutation deleteTask($id: ID!) {
  deleteTask(
    input: {
      id: $id
    }
  ) {
    id
  }
}

Чтобы начать с моего приложения, я создаю новое задание, но получаю сообщение об ошибке в консоли:

Переменная 'name' привела значение NULL для типа NonNull 'String!'

Затем я проверяю в консоли AppSync, выполнив следующую мутацию createTask: 

mutation {
    createTask(
    input: {
      name: "Waleed",
      completed: false
    }
  ) {
    name
    completed
  }
}

И на этот раз возвращается следующий ответ: 

{
  "data": {
    "createTask": null
  }
}

Может кто-нибудь помочь мне, что я здесь не так делаю?

Спасибо

...