首页 > 解决方案 > TSLint:禁止导入延迟加载的库:降级组件、在 AppModule 和角度引导中导入的模块

问题描述

我有一个混合(Angular JS,Angular 8)应用程序,其中所有路由都在 Angular JS 上完成。让我们假设,

libs
|--- XYZLibrary/src
     |--- index.ts  // Exports XYZModule and DetailComponent
     |--- lib
          |--- MainComponent  // Component
          |--- DetailComponent  // Component to be downgraded for use at Angular JS
          |--- XYZRoutingModule  // Routing Module, contains routing for MainComponent
          |--- XYZModule  // Module that exports DetailComponent, declares MainComponent, imports XYZRoutingModule
main.ts  // downgrade component DetailComponent
app.module.ts  // AppModule imports XYZModule for DetailComponent downgrading, again lazy loads the same module XYZModule for routing

基本上,AppModule 导入模块XYZModule用于降级组件导出(用于 AngularJS)并通过延迟加载语法loadChildren, import('...')进行路由。

我面临一个 lint 错误,上面写着:

错误:../app/app.module.ts:13:1 - 禁止导入延迟加载的库

错误:../main.ts:12:1 - 禁止导入延迟加载的库

请帮助我如何解决这个 lint 错误。

标签: angularlazy-loadingtslintng-modules

解决方案


推荐阅读