错误 TS4053：来自导出 class 的 Return 类型的 public 方法具有或正在使用名称“Observable”

Question

我正在尝试使用 ionic 2 和 angular 2 构建应用程序，我在尝试运行我的应用程序时收到此错误。我建立了另一个项目来检查同样的问题，我真的很困惑这个问题。

这是我的服务代码

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
import { Storage} from '@ionic/storage';
import {NavController} from "ionic-angular";


/*
  Generated class for the MyService provider.

  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
  for more info on providers and Angular 2 DI.
*/
@Injectable()
export class MyService {
  public local :Storage;
  public getsession : any;
  constructor(private http: Http, private navCtrl : NavController) {
    this.local = new Storage();
    console.log("my-service page")
  }

  postLogin(data){
    let link = "http://adirzoari.16mb.com/login.php";
    return this.http.post(link,data)
        .map(res => res.json())
  }

  checkToken(){
    return this.getsession =this.local.get('token');
  }

}

Answer 1

我只是将此添加为答案，这样它可以帮助其他面临同样问题的 SO 用户。

就像@sudheer-kb提到的，为了解决这个问题，你需要显式导入Observable class:

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
// ...
import { Observable } from "rxjs/Observable"; // <- add this import

然后给你的方法一个明确的 return 类型（也感谢 @ruffin 你的评论）：

postLogin(data): Observable<any> {
    // ...
}

Answer 2

我遇到了类似的问题，它似乎与 return 类型方法的问题有关。对我有用的是在我的方法声明之后简单地添加“：任何”，例如：

get(url) : any {
  //code
}

我不认为这是一个好习惯，但有时它可以是一个很好的解决方法。

错误 TS4053：来自导出 class 的 Return 类型的 public 方法具有或正在使用名称“Observable”

Error TS4053: Return type of public method from exported class has or is using name ‘Observable’

typescript

ionic-framework

ionic2

ionic3

angular