如何修复RouterModule未定义

时间:2019-04-25 16:04:06

标签: angular typescript webpack lazy-loading

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

error

现在我无法访问任何延迟加载的模块(那些没有延迟加载的模块都可以访问而没有任何麻烦)。

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

我从该网站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 routing

1 个答案:

答案 0 :(得分:1)

您需要像这样在模块中初始化根:-

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