库中存在的模块的显式延迟加载不适用于组件级延迟加载

时间:2019-10-20 19:30:12

标签: angular webpack lazy-loading nrwl angular-builder

我正在使用Nx Angular应用。我试图延迟加载库中存在的模块。我已经按照建议的here在tsconfig.app.json中添加了libs路径。

  "include": [
    "**/*.ts",
    "../../../libs/lazy/src/index.ts"
  ]

我看到我们无法像here那样在aot模式下显式构建惰性模块。真的吗?我正在尝试在组件级别而不是路由级别上延迟加载。

当前行为 对于AOT版本,我看到以下问题

ERROR in ./$$_lazy_route_resource lazy namespace object Module not found: Error: Can't resolve '/Users/palsiddh/Documents/bitbucket/lazy-load/libs/lazy/src/lib/lazy-element/lazy-element.module.ngfactory.js' in '/Users/palsiddh/Documents/bitbucket/lazy-load/apps/lazy-load/$$_lazy_route_resource

Repro Setps

  1. 创建角度为生态系统的Nx(7.0.0)应用
  2. 创建一个库
  3. 在创建的库中添加模块
  4. 在库中创建一个组件
  5. 将在库中创建的模块作为lazyModule添加到angular json中 对于以下“ lazyModules”创建的默认应用: “ libs / lazy / src / lib / lazy-element / lazy-element.module”],
  6. 使用--configuration = production --aot --optimization运行构建 --buildOptimizer-用于AOT构建的无哈希输出

发布repro应用

0 个答案:

没有答案
相关问题