angular - 使用动态导入延迟加载组件时的编译器警告

Question

我正在使用 Angular 9 及其 ivy 编译器。

我尝试使用动态导入功能和 componentFactoryResolver 延迟加载组件:

const comp = await import('path/component.ts').then(x => x.component)
const factory = this._resolver.resolveComponentFactory(comp);
this.viewContainerRef.createComponent(factory)

它按预期工作，我可以加载组件并使用它，但是当延迟加载的组件使用与延迟加载的组件在同一模块中声明的同级组件时，我收到以下警告:

./src/app/core/components/component.html 1:0 中的警告
Module parse failed: Unexpected token (1:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。

此警告的问题在于，它显然会在包含警告的 dist 文件夹中创建 .js 文件。

Answer 1

当您使用 componentFactoryResolver 延迟加载组件时，该组件未连接到您声明它的模块，因此它不知道其他组件是什么。

我建议在这里阅读更多相关信息:

https://indepth.dev/lazy-loading-angular-modules-with-ivy/