Angular 2报错：Subscribe is not a function及getAll不是函数

我来帮你一步步排查和解决这两个问题：

首先解决this.myService.getAll is not a function #

这个错误说明你的组件没法正确访问服务里的getAll方法，大概率是服务的注册或注入环节出了问题：

• 步骤1：确保服务在NgModule中注册
  打开你的根模块（比如AppModule）或者组件所属的特性模块，把MyServiceService添加到providers数组里：

  import { MyServiceService } from './my-service.service'; // 路径要和你的文件匹配
  
  @NgModule({
    declarations: [/* 你的组件、指令等 */],
    imports: [/* 导入的模块 */],
    providers: [MyServiceService], // 关键：在这里注册服务
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  

• 步骤2：检查组件中的服务注入
  确保组件里正确导入了服务，并且构造函数中注入的实例名没有拼写错误：

  import { MyServiceService } from './my-service.service'; // 路径要正确
  
  @Component({
    selector: 'app-your-component',
    templateUrl: './your-component.component.html'
  })
  export class YourComponent {
    // 正确注入服务实例
    constructor(private myService: MyServiceService) { }
  
    loadData() {
      // 这里要确保调用的是注入的myService实例的getAll方法，不要写错变量名
      this.myService.getAll()
        .subscribe(...);
    }
  }
  

然后解决Subscribe is not a function #

这个错误常见原因有两个：拼写问题，或者Observable的操作符没正确导入：

• 原因1：拼写错误
  注意subscribe是小写字母s开头，不是大写的Subscribe，很多人会不小心写错大小写，检查你组件里的调用代码：

  // 错误写法
  this.myService.getAll().Subscribe(...);
  // 正确写法
  this.myService.getAll().subscribe(...);
  

• 原因2：缺少rxjs操作符的导入
  Angular旧版本的Http返回的是Observable，你需要确保导入了必要的rxjs模块。在你的组件或者服务文件顶部添加：

  // 导入Observable基类
  import { Observable } from 'rxjs/Observable';
  // 导入subscribe所需的操作符（如果需要处理响应，也可以导入map）
  import 'rxjs/add/operator/map';
  import 'rxjs/add/operator/catch';
  // 如果你不想一个个导入，也可以一次性导入全部rxjs操作符（不推荐生产环境用，但调试方便）
  // import 'rxjs/Rx';
  

• 额外优化：完善服务的getAll方法
  旧版本的Http.get返回的响应需要手动解析成JSON，你可以在服务里处理好，这样组件里更简洁：

  import { Injectable } from '@angular/core';
  import { Http } from "@angular/http";
  import { Observable } from 'rxjs/Observable';
  import 'rxjs/add/operator/map';
  import 'rxjs/add/operator/catch';
  
  @Injectable()
  export class MyServiceService {
    url:string;
    constructor(private http:Http) {
      this.url = "http://127.0.0.1:8000/scrumboard";
    }
  
    public getAll(): Observable<any> {
      return this.http.get(`${this.url}/lists`)
        .map(response => response.json()) // 解析响应为JSON
        .catch(error => {
          console.error('请求列表失败:', error);
          return Observable.throw(error); // 抛出错误让组件处理
        });
    }
  }
  

按照上面的步骤检查和修改，应该就能解决这两个问题了。

内容的提问来源于stack exchange，提问作者M1rwen