Angular2 - 'void'类型上不存在'then'答案

【问题标题】：Angular2 - 'then' does not exist on type 'void'Angular2 - 'void'类型上不存在'then'
【发布时间】：2016-12-31 17:53:44
【问题描述】：

我尝试了一个简单的应用程序，在单击删除按钮后删除用户。

当我尝试像这样运行服务器时，我在then in deleteUser() 上收到错误消息组件：

 deleteUser(user: User, event: any) {
    event.stopPropagation();
    this.userService
      .deleteUser(user)
      .then(res => {
        this.httpUsers = this.httpUsers.filter(h => h !== user);
        if (this.selectedUser === user) { this.selectedUser = null; }
      })
      .catch(error => this.error = error);
  }

服务：

  deleteUser(user: User) {
    console.log('Deleting user');
  }

错误信息：

app/users.component.ts(46,8): 错误 TS2339: 属性 'then' 没有存在于“void”类型上。

错误的第 46 行是上面的 .then(res => {

在谷歌搜索时，我找到了this question，所以我从 deleteUser 函数中删除了 void，但没有任何改变。

任何提示我做错了什么？

【问题讨论】：

标签： angular typescript

【解决方案1】：

你必须调用 delete 方法，它会返回承诺，你可以使用 .then( 你必须这样做

deleteUser(user: User) {
   return this.http.delete(url+id,...).toPromise();
}

【讨论】：

【解决方案2】：

如果你要返回一个承诺，你可以使用 then。如果您正在调用 REST API 然后映射结果，则可以使用 subscribe

然后使用

服务方式

  getAudits() {
    // console.log('audits' + amplify.store('audits'));
    let audits: Audit[] = amplify.store('audits'));    
    return Promise.resolve(audits);
  }

组件

this.auditService.getAudits().then(audits => {
  this.audits = audits;
  this.updateChart(true);
});

使用订阅

服务方式

  getAudits() {
    return this.http.get('/rest/batch').map(res => res.json());
  }

组件

this.auditService.getAudits().subscribe(audits => {
  this.audits = audits;
  this.updateChart(true);
});

【讨论】：

【解决方案3】：

您的服务中的deleteUser 方法不会返回Promise，因此您不能像错误状态一样对其调用.then(res => ...)。

deleteUser(user: User) {
  console.log('Deleting user'); // <-- no return call - defaults to void
}

【讨论】：