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 ), ...
By default in Ionic framework when the application is run from a browser in a big screen side menu will be always in open status and we will not see the menu icon to close the menu, to change this behavior so that by default the menu is collapsed and it is visible only when the user clicks on the menu icon below settings is helpful Set ion-split-pane disabled property to true < ion-split-pane contentId = "main-content" disabled = "true" >