【问题标题】:How to fix RouterModule is undefined如何修复 RouterModule 未定义
【发布时间】:2019-04-25 16:04:06
【问题描述】:

我正在为我的 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 构造函数时会出现问题。

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

编辑1: 根据要求app.routing.ts

【问题讨论】:

  • 你能显示你的 app.routing.ts
  • @FatehMohamed 确定,检查更新的原始帖子

标签: angular typescript webpack lazy-loading


【解决方案1】:

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

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

【讨论】:

  • 延迟加载工作正常。正如您在上面的屏幕截图中看到的那样,我已经按照您所说的方式声明了路线。问题是在将路由器导入 app.component.ts 时,加载指示器似乎破坏了我的应用程序
  • 能分享一下app.component.ts的构造函数代码吗?
  • 请查看原帖。我粘贴了我从中复制代码的网站的链接。我的 app.component.ts 与链接上提供的相同。
猜你喜欢
  • 2019-09-16
  • 2019-09-02
  • 1970-01-01
  • 1970-01-01
  • 2023-02-11
  • 1970-01-01
  • 2019-09-20
  • 2022-01-20
  • 2020-01-26
相关资源
最近更新 更多