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',{
    path: 'faqs',component: FaqsComponent
  },{
    path: '404',component: NotFoundComponent
  },{
    path: '**',redirectTo: '/404'
  }
];

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

我已经参考了此处 Angular Router-outlet not populated in production mode 的可用答案，但对我没有任何作用

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）