Router Outlet и активы не загружаются в Angular Production Build

Я пытаюсь создать свое приложение Angular в производственном режиме, но по какой-то причине мой выход маршрутизатора и активы не загружаются.

Приложение отлично работает в режиме разработки. однако дает мне ошибки в производственной сборке. Я создаю свое приложение, используя

ng build --prod --base-href ./

получение этой ошибки в консоли

Как видите, выход маршрутизатора пуст

вот мой app-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { CustomShoeComponent } from './custom-shoe/custom-shoe.component';
import { HomepageComponent } from './homepage/homepage.component';
// import { LoginComponent } from './login/login.component';
import { ShopComponent } from './shop/shop.component';
import { UserAccountComponent } from './user-account/user-account.component';

import { AuthGuardService } from './services/auth-guard.service';
import { ProductDetailComponent } from './shop/product-detail/product-detail.component';
import { CartComponent } from './cart/cart.component';
import { NotFoundComponent } from './not-found/not-found.component';
import { CheckoutComponent } from './checkout/checkout.component';
import { ShippingAndBillingComponent } from './shipping-and-billing/shipping-and-billing.component';
import { ContactUsComponent } from './contact-us/contact-us.component';
import { PaymentStatusComponent as PaymentStatusComponent } from './payment-success/payment-status.component';
import { FaqsComponent } from './faqs/faqs.component';

const routes: Routes = [
  {
    path: '',
    pathMatch: 'full',
    redirectTo: 'home'
  },
  {
    path: 'home',
    component: HomepageComponent
  },
  {
    path: 'shop',
    component: ShopComponent
  },
  {
    path: 'contact-us',
    component: ContactUsComponent
  },
  {
    path: 'shop/product',
    component: ProductDetailComponent,
    runGuardsAndResolvers: 'always'
  },
  {
    path: 'customise-shoe',
    component: CustomShoeComponent
  },
  {
    path: 'cart',
    component: CartComponent
  },
  {
    path: 'cart/billing',
    component: ShippingAndBillingComponent
  },
  {
    path: 'cart/checkout',
    component: CheckoutComponent
  },
  {
    path: 'user-account',
    component: UserAccountComponent,
    canActivate: [AuthGuardService]
  },
  {
    path: 'success-payment',
    component: PaymentStatusComponent
  },
  {
    path: 'payment-failed',
    component: PaymentStatusComponent
  },
  {
    path: 'faqs',
    component: FaqsComponent
  },
  {
    path: '404',
    component: NotFoundComponent
  },
  {
    path: '**',
     redirectTo: '/404'
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true})],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Я уже упоминал ответы, доступные здесь в рабочем режиме, но у меня ничего не работает