8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

为什么在 Angular 18 的 app.config 文件中添加 ProvideHttpClient() 无法解决 NullInjectionError 问题

Oros Tom 2月前

19 0

我正在尝试从应用程序的后端获取数据。数据获取与承诺和获取函数的组合配合得很好。但当我尝试使用 HttpClient 服务实现它时,它

我正在尝试从应用程序的后端获取数据。数据获取与承诺和获取函数的组合配合得很好。但是当我尝试使用 HttpClient 服务实现它时,它给出了错误。我检查了这个平台中的先前响应,但无法解决问题。

应用程序.config.ts

import {ApplicationConfig} from '@angular/core';
import { provideHttpClient } from '@angular/common/http';
export const appConfig: ApplicationConfig = {
  providers: [provideHttpClient()],
};

住房.服务.ts

export class HousingService {
  url = "http://localhost:5150"
  protected homeLocationList2: HomeLocation[] = [];
  
  constructor(private http:HttpClient) { 
  }


  getAllProduct(): Observable<HomeLocation[]>{
    const response = this.http.get<HomeLocation[]>(`${this.url}/Home/AllProduct`)
    return response 
  }
}

主页.Component.ts

export class HomeComponent {
  productList:HomeLocation[] = [];
  housingService: HousingService = inject(HousingService)


  constructor(){
    this.housingService.getAllProduct().subscribe(data=>{
      this.productList = data;
    })
  }
}

我收到的错误

ERROR NullInjectorError: NullInjectorError: No provider for _HttpClient!
    at NullInjector.get (core.mjs:1632:21)
    at R3Injector.get (core.mjs:3014:27)
    at R3Injector.get (core.mjs:3014:27)
    at injectInjectorOnly (core.mjs:1095:36)
    at Module.ɵɵinject (core.mjs:1101:40)
    at Object.HousingService_Factory [as factory] (housing.service.ts:8:28)
    at core.mjs:3132:35
    at runInInjectorProfilerContext (core.mjs:866:5)
    at R3Injector.hydrate (core.mjs:3131:11)
    at R3Injector.get (core.mjs:3005:23)
帖子版权声明 1、本帖标题:为什么在 Angular 18 的 app.config 文件中添加 ProvideHttpClient() 无法解决 NullInjectionError 问题
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Oros Tom在本站《angular》版块原创发布, 转载请注明出处!
最新回复 (0)
  • @SAFIQULISLAMUZZAL203-15-144 请分享一个 github repo 以供检查,需要更多详细信息

返回
作者最近主题: