Angular 12项目找不到@angular/http/src/static_response模块问题求助

核心原因 #

Angular v4之后，原@angular/http模块已被官方弃用，转而推荐使用@angular/common/http模块。且@angular/http/src/static_response属于框架内部未公开的实现路径，高版本Angular不再允许直接引用这类内部文件，这就是报错的根本原因。

具体修改步骤 #

1. 替换HTTP服务依赖

   • 确保服务中注入的是HttpClient（来自@angular/common/http），而非旧版的Http。
   • 移除所有对@angular/http的导入，包括那个报错的Response导入语句。

2. 重构请求方法
   新版HttpClient支持直接指定响应数据的泛型，无需手动调用response.json()解析，代码可大幅简化：

   import { HttpClient } from '@angular/common/http';
   import { Observable, throwError } from 'rxjs';
   import { catchError } from 'rxjs/operators';
   // 导入你的MasterDataModel
   
   // 服务构造函数注入HttpClient
   constructor(private http: HttpClient) {}
   
   getClientMasterData(): Observable<MasterDataModel[]> {
       const url = `${x.getBaseURL()}/ClientMaster/GetMasterData`;
       return this.http.get<MasterDataModel[]>(url, { headers: this.getHeader.get() })
           .pipe(catchError(this.handleError));
   }
   
   // 错误处理函数保留原有逻辑即可
   private handleError(error: any) {
       // 你的错误处理代码
       return throwError(() => new Error(error.message || 'Server error'));
   }
   

3. 关键变化说明

   • 新版HttpClient.get()会自动解析JSON响应，无需再通过map操作调用response.json()。
   • 通过<MasterDataModel[]>泛型指定响应类型，直接获得类型安全的返回值，省去手动类型断言。
   • 若需访问完整响应对象（如响应头），可使用http.get(url, { observe: 'response' })，此时返回的是Observable<HttpResponse<MasterDataModel[]>>。

内容的提问来源于stack exchange，提问作者The Inquisitive Coder