Ionic 2报错：无法找到模块"@angular/common/http/src/headers"求助

这个问题的核心原因是你直接导入了Angular内部的私有路径（src/headers），这类路径属于框架内部实现，不应该被外部代码直接引用，而且不同版本的内部结构可能有变化，导致模块找不到。下面是具体的解决步骤：

1. 修正导入语句 #

把你的导入代码从：

import { Headers } from '@angular/common/http/src/headers';

改成符合Angular规范的公开导入路径：

• 如果你使用的是Angular 4.3+推出的HttpClient（推荐），请导入HttpHeaders：

  import { HttpHeaders } from '@angular/common/http';
  

• 如果你还在使用旧版的Http模块，则从@angular/http导入Headers：

  import { Headers } from '@angular/http';
  

2. 确保AppModule正确导入对应模块 #

根据你使用的HTTP模块，在app.module.ts中添加对应的导入：

• 若使用HttpClient：

  import { HttpClientModule } from '@angular/common/http';
  
  @NgModule({
    imports: [
      // ...其他导入
      HttpClientModule
    ]
  })
  export class AppModule {}
  

• 若使用旧版Http：

  import { HttpModule } from '@angular/http';
  
  @NgModule({
    imports: [
      // ...其他导入
      HttpModule
    ]
  })
  export class AppModule {}
  

3. 服务中正确注入HTTP客户端 #

在你的REST服务中，确保注入的是对应的客户端：

• 对于HttpClient：

  import { Injectable } from '@angular/core';
  import { HttpClient, HttpHeaders } from '@angular/common/http';
  
  @Injectable()
  export class YourRestService {
    constructor(private http: HttpClient) {}
  
    // 示例请求
    fetchData() {
      const headers = new HttpHeaders().set('Content-Type', 'application/json');
      return this.http.get('your-api-url', { headers });
    }
  }
  

• 对于旧版Http：

  import { Injectable } from '@angular/core';
  import { Http, Headers } from '@angular/http';
  
  @Injectable()
  export class YourRestService {
    constructor(private http: Http) {}
  
    // 示例请求
    fetchData() {
      const headers = new Headers({ 'Content-Type': 'application/json' });
      return this.http.get('your-api-url', { headers });
    }
  }
  

4. 验证依赖版本匹配 #

你的@ionic/app-scripts@3.1.8和typescript@2.4.2是匹配Ionic 3.x的版本，对应的Angular版本是5.x，完全支持HttpClient模块，所以推荐使用HttpClient方案（比旧版Http更简洁，支持类型化响应等特性）。

最后，保存修改后，运行ionic serve重启项目，这个错误应该就能解决了。

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