NullInjectorError：没有 HttpClient 的提供者! - Javascript

在Angular应用程序中，如果尝试使用HttpClient但没有正确注入它，可能会导致NullInjectorError：没有HttpClient的提供者！错误。

错误原因

这个错误是由于我们在应用中没有正确的配置HttpClient服务导致的。在我们的组件或服务中使用HttpClient前，我们需要将HttpClient服务添加到app.module.ts文件的提供商数组中。

解决方案

在app.module.ts的providers数组中添加HttpClient即可解决此错误：

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

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule //添加HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

以上示例中，在app.module.ts中，我们添加了HttpClientModule，这样我们就可以在应用程序中使用HttpClient服务了。

总结

当我们在Angular应用程序中使用HttpClient服务时，需要将HttpClient服务添加到app.module.ts的提供商数组中。如果没有正确配置HttpClient服务，可能会导致NullInjectorError：没有HttpClient的提供者！错误。