Ionic- Angular Standalone components error NullInjectorError: No provider for HttpHandler! or httpclient

 Reference:

https://blog.ninja-squad.com/2022/11/09/angular-http-in-standalone-applications/

Use the following in main.ts

import { enableProdMode, importProvidersFrom } from '@angular/core';

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

import { RouteReuseStrategy, provideRouter } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';

import { routes } from './app/app.routes';

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

import { environment } from './environments/environment';

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

if (environment.production) {

  enableProdMode();

}

bootstrapApplication(AppComponent, {

  providers: [

    provideHttpClient(),

    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },

    importProvidersFrom(IonicModule.forRoot({})),

    provideRouter(routes),

  ],

});