[英]GraphQL + Apollo Error: Uncaught (in promise)
我正在尝试通过单击按钮将新数据提交到我的本地 graphQL API,但出现错误:错误错误:未捕获(承诺):错误:网络错误: http://localhost:4000/ 的Http 失败响应graphql :400 错误请求。
这个想法是当你按下按钮时,新数据被提交
<button type="submit" (click)="onSubmit()" [disabled]="!personForm.valid" id="buttonSubmit" mat-raised-button color="accent"class="floated">Send</button>
onSubmit 函数调用变异
onSubmit()
{
let id = 5;
let vorname = 'user';
let name = 'name';
let email = 'testt@hotmail.com';
let status = 'true';
let activity = 'Office';
this.apollo.mutate<CreateUserMutationResponse>({
mutation: CREATE_USER_MUTATION,
variables: {
id: id,
vorname: vorname,
name: name,
email: email,
status: status,
activity: activity
}
}).subscribe((response) => {
});
console.log('submitted');
}
我的 types.ts 中的突变看起来像这样
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;
}
当我发现你的问题时,我实际上遇到了同样的问题。 这方面的文档很难找到,但是, 这个例子让我知道如何解决这个问题。 我在try catch 语句中包围了突变后,它对我有用。 像这样的事情我很确定也会为你解决:
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');
该页面还帮助我首先设置了突变(看起来您已经正确地做了)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.