时间戳

首页 > 解决方案 > 如何修复 RouterModule 未定义

angular - 如何修复 RouterModule 未定义

问题描述

我正在为我的 Angular 4 应用程序设置延迟加载。我总共有 18 个延迟加载模块，我注意到获取它们需要一些时间，所以我决定制作某种加载指示器。在将其添加到本地后，app.component一切正常。在生产中，我不断收到有关未定义 RouterModule 的错误。

错误

现在我无法访问任何延迟加载的模块（可以毫无问题地访问那些没有延迟加载的模块）。

我试图删除指示器，但事情似乎又恢复了。

我从该网站获取代码https://www.bennadel.com/blog/3505-showing-a-loading-indicator-for-lazy-loaded-route-modules-in-angular-6-1-7.htm

我假设将路由器添加到app.component.ts构造函数时会出现问题。

任何解决该问题的帮助将不胜感激。

EDIT1：根据要求app.routing.ts 路由

标签： angulartypescriptwebpacklazy-loading

解决方案

您需要在这样的模块中初始化根：-

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

推荐阅读