in live url refresh page getting error resource not found in angular 18

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

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

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

import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';

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

import { provideHttpClient, withInterceptorsFromDi, HTTP_INTERCEPTORS, withFetch } from '@angular/common/http';

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

import { IPublicClientApplication, PublicClientApplication, InteractionType, BrowserCacheLocation, LogLevel } from '@azure/msal-browser';

import { MsalInterceptor, MSAL_INSTANCE, MsalInterceptorConfiguration, MsalGuardConfiguration, MSAL_GUARD_CONFIG, MSAL_INTERCEPTOR_CONFIG, MsalService, MsalGuard, MsalBroadcastService } from '@azure/msal-angular';

import { MatButtonModule } from '@angular/material/button';

import { MatMenuModule } from '@angular/material/menu';

import { MatToolbarModule } from '@angular/material/toolbar';

import { MatListModule} from '@angular/material/list';

import { AuthService } from '../shared/services/auth.service';

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

export function loggerCallback(logLevel: LogLevel, message: string) {

}

export function MSALInstanceFactory(): IPublicClientApplication {

  return new PublicClientApplication({

    auth: {

      clientId: environment.msalConfig.auth.clientId,

      authority: environment.msalConfig.auth.authority,

      redirectUri: '/',

      postLogoutRedirectUri: '/'

    },

    cache: {

      cacheLocation: BrowserCacheLocation.LocalStorage

    },

    system: {

      allowNativeBroker: false, // Disables WAM Broker

      loggerOptions: {

        loggerCallback,

        logLevel: LogLevel.Info,

        piiLoggingEnabled: false

      }

    }

  });

}

export function MSALInterceptorConfigFactory(): MsalInterceptorConfiguration {

  const protectedResourceMap = new Map<string, Array<string>>();

  protectedResourceMap.set(environment.apiConfig.uri, environment.apiConfig.scopes);

  return {

    interactionType: InteractionType.Redirect,

    protectedResourceMap

  };

}

export function MSALGuardConfigFactory(): MsalGuardConfiguration {

  return {

    interactionType: InteractionType.Redirect,

    authRequest: {

      scopes: [...environment.apiConfig.scopes]

    },

    loginFailedRoute: '/login-failed'

  };

}

export const appConfig: ApplicationConfig = {

  providers: [

    provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes, withHashLocation()), provideAnimationsAsync(),

    importProvidersFrom(BrowserModule, MatButtonModule, MatToolbarModule, MatListModule, MatMenuModule),

    provideNoopAnimations(),

    provideHttpClient(withInterceptorsFromDi(), withFetch()),

    {

        provide: HTTP_INTERCEPTORS,

        useClass: MsalInterceptor,

        multi: true

    },

    {

        provide: MSAL_INSTANCE,

        useFactory: MSALInstanceFactory

    },

    {

        provide: MSAL_GUARD_CONFIG,

        useFactory: MSALGuardConfigFactory

    },

    {

        provide: MSAL_INTERCEPTOR_CONFIG,

        useFactory: MSALInterceptorConfigFactory

    },

    MsalService,

    MsalGuard,

    MsalBroadcastService,

    provideAnimationsAsync()

  ]

};

provideRouter(routes, withHashLocation()) added this line to live url reloaded