替换bootstrapModule为bootstrapApplication后遇HttpBackend注入错误

当从bootstrapModule切换到bootstrapApplication（Angular独立组件模式）后，需手动配置HttpClient相关依赖，原NgModule模式下HttpClientModule自动注册的底层服务不会被默认引入，具体解决步骤如下：

1. 在main.ts中添加HttpClient提供者 #

导入Angular提供的provideHttpClient函数，并将其加入bootstrapApplication的providers数组：

import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';
import { provideHttpClient } from '@angular/common/http';

bootstrapApplication(AppComponent, {
  providers: [
    provideHttpClient(),
    // 你的其他自定义提供者
  ]
});

2. 确认服务的注入逻辑 #

确保AppConfigService中正确注入HttpClient，避免直接依赖底层的HttpBackend：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class AppConfigService {
  constructor(private http: HttpClient) {}

  // 服务业务逻辑...
}

错误原因说明 #

NgModule模式下，导入HttpClientModule会自动注册HttpBackend、HttpClient等一系列相关服务提供者；而独立组件模式下，这些依赖需要通过provideHttpClient()手动注册，否则Angular注入器无法找到HttpBackend的提供者，从而抛出该错误。

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