首页 > 解决方案 > Angular Universal:当路由具有查询参数时服务不可用

问题描述

我有一个 Angular 7 项目,我正在使用 Angular 通用。一切正常,除非我的路线中有查询参数,angular 无法识别它应该加载的模块。

我已配置此路线:

应用程序路由.module.ts

const routes: Routes = [
  {path:'after-purchase', loadChildren: 'app/views/after-purchase/after-purchase.module#AfterPurchaseModule' },
  {path: '**', redirectTo: '/' }
]

购买后路由.module.ts

const routes: Routes = [{ path: '', component: AfterPurchaseComponent }];

当我使用ng serve一切正常时,但是当我使用 Angular Universal 为应用程序提供服务时,该/after-purchase路线有效但/after-purchase?param=value无效。它尝试加载几分钟,然后显示浏览器ERR_EMPTY_RESPONSE错误。

我也试过没有延迟加载。没有不同。

标签: angularangular-universal

解决方案


与往常一样,问题出在我的代码的其他点上。我收到了一个请求ngOnInit,但该请求有问题。

为了调试问题(对于通过搜索进入此页面的任何人),您可以在运行时查看控制台中的错误node local.js


推荐阅读