Angular ERROR NullInjectorError: R3InjectorError(Environment Injector)[_HttpClient -> _HttpClient]: NullInjectorError: No provider for _HttpClient! at NodeInjectorFactory.ServizioService_Factory [as factory] (servizio.service.ts:7:29)

 

In un progetto Angular Standalone, può capitare che se usiamo dei servizi, di visualizzare  l'errore: "ERROR NullInjectorError: R3InjectorError(Environment Injector)[_HttpClient -> _HttpClient]: 

  NullInjectorError: No provider for _HttpClient!

    at NullInjector.get (core.mjs:1600:21)

    at R3Injector.get (core.mjs:2130:27)

    at R3Injector.get (core.mjs:2130:27)

    at ChainedInjector.get (core.mjs:16828:32)

    at lookupTokenUsingModuleInjector (core.mjs:4955:31)

    at getOrCreateInjectable (core.mjs:5001:10)

    at ɵɵdirectiveInject (core.mjs:16875:17)

    at Module.ɵɵinject (core.mjs:1117:40)

    at NodeInjectorFactory.ServizioService_Factory [as factory] (servizio.service.ts:7:29)

    at getNodeInjectable" 

in questo caso, perchè non è stato importato il modulo httpclientModule, nel file main.ts.

Di seguito si riporta il frammento di codice per il file main.ts, con la gestione dei provider .

TypeScript:

import { bootstrapApplication } from '@angular/platform-browser';

import { appConfig } from './app/app.config';

import { AppComponent } from './app/app.component';

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

 

bootstrapApplication(AppComponent, {

  ...appConfig,

  providers: [

    ...(appConfig.providers || []),

    provideHttpClient()

  ]

}).catch(err => console.error(err));

 

In questo modo non viene generato più errore.