错误错误：未捕获（承诺）：TypeError：无法读取null的属性“订阅”（Ionic Angular）

Question

在我的 angular ionic 项目中，当我登录第一页时出现错误“错误错误：未捕获（承诺中）：TypeError：无法读取属性 'subscribe' of null”但是当我重新加载页面时，我没有'没有错误，我有数据。谢谢

    (await this.pageService.getAllTables()).subscribe((res: any) => {
          this.tables = res.body
    });
  }```

    ```getAllTables() {
        this.storage.get('USER').then(user =>{this.user = user;});
        return this.storage.get('ACCESS_TOKEN').then(token =>{
            if (this.user) {
                return this.http.get(this.url + 'table/' + this.user.id, { 
                    headers: new HttpHeaders({
                        'Content-Type': 'application/json',
                        'Authorization': 'Bearer ' + token
                    }), 
                    observe: 'response'
                });
            }
            return null;
        });
    }```

Answer 1

试试这个

getAllTables() {
        return this.storage.get('USER')
           .then(user =>{this.user = user;})
           .then(() => this.storage.get('ACCESS_TOKEN'))
           .then(token =>{
             if (this.user) {
                return this.http.get(this.url + 'table/' + this.user.id, { 
                    headers: new HttpHeaders({
                        'Content-Type': 'application/json',
                        'Authorization': 'Bearer ' + token
                    }), 
                    observe: 'response'
                });
            }
            return null;
        });

这段代码仍然很奇怪，因为你返回 observable，包装在 promise 中，但至少应该可以工作。

您可以尝试将所有内容都转换为承诺。它看起来像这样：

getAllTables() {
        return this.storage.get('USER')
           .then(user =>{this.user = user;})
           .then(() => this.storage.get('ACCESS_TOKEN'))
           .then(token =>{
             if (this.user) {
                return this.http.get(this.url + 'table/' + this.user.id, { 
                    headers: new HttpHeaders({
                        'Content-Type': 'application/json',
                        'Authorization': 'Bearer ' + token
                    }), 
                    observe: 'response'
                }).toPromise();
            }
            return null;
        });

用法：

this.tables = (await this.pageService.getAllTables())?.body;

Answer 2

我认为您的 this.pageService.getAllTables 在您订阅时尚未加载。

请先在构造函数中注入“pageService”，然后将所有内容转换为 Promise

喜欢这个

constructor(){
private pageService: PageService

}

之后将所有内容转换为承诺

getAllTables() {
    return this.storage.get('USER')
       .then(user =>{this.user = user;})
       .then(() => this.storage.get('ACCESS_TOKEN'))
       .then(token =>{
         if (this.user) {
            return this.http.get(this.url + 'table/' + this.user.id, { 
                headers: new HttpHeaders({
                    'Content-Type': 'application/json',
                    'Authorization': 'Bearer ' + token
                }), 
                observe: 'response'
            }).toPromise();
        }
        return null;
    });