Question

我正在使用AWS-Amplify在一个简单的Vue2 Task Management应用程序中生成GraphQL后端进行练习。

我已正确配置我的应用程序以使用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'已将NonNull类型'String！'的Null值强制转换为

然后我通过运行以下createTask突变来登录AppSync控制台：

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

这一次返回以下响应：

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

有人可以帮我解决我在这里做错的事情吗？

谢谢

Vue App中的AWS Amplify GraphQL API返回空

0 个答案: