Question

我按照本教程https://netbasal.com/the-need-for-speed-lazy-load-non-routable-modules-in-angular-30c8f1c33093加载了不可路由的模块。

但是指示Angular要求Webpack为我们的模块创建一个单独的块的步骤，以便稍后我们可以在angular.json中延迟加载它，因为我正在使用MeteorCLI，因此无法实现它，如下面的Urigo / angular示例-流星https://github.com/Urigo/angular-meteor/tree/master/examples/MeteorCLI/all-in-one

尝试通过load-module.directive.ts加载模块时遇到的错误是：

错误ReferenceError：系统未定义

at SystemJsNgModuleLoader.loadAndCompile (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:42359)
at SystemJsNgModuleLoader.load (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:42351)
at LoadModuleDirective.ngOnInit (load-module.directive.ts:48)
at checkAndUpdateDirectiveInline (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:46075)
at checkAndUpdateNodeInline (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:47339)
at checkAndUpdateNode (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:47301)
at debugCheckAndUpdateNode (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:47935)
at debugCheckDirectivesFn (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:47895)
at Object.eval [as updateDirectives] (provider-details.component.html:296)
at Object.debugUpdateDirectives [as updateDirectives] (modules.js?hash=9d3d781b9164d8358322d2f1c42fce556c401bbc:47887)

技术规格：

Angular 7
流星1.8

有人可以告诉我如何在角流星中实现延迟加载不可路由模块

Answer 1

看看https://github.com/wishtack/wishtack-steroids/tree/master/packages/reactive-component-loader

这使您无需路线即可装载角度模块。它不是完美或简单，但可以帮助您入门。

在我的版本中尝试使用aot编译存在一些问题，我必须对其进行一些编辑才能使其正常工作，但这可能只是我做错了。

带有角流星的Angular中的延迟加载不可路由模块

1 个答案: