Angular9 使用动态路由动态导入模块

Question

我想使用来自后端服务的可变字符串路由动态导入 angular 模块。例如，我的后端服务在应用程序启动时向我发送此响应（使用 APP_INITIALIZER）。

{
    "hostname": "a-tenant",
    "modules": {
        "home": {
            "class": "HomeAModule",
            "path": "home-a.module",
         },
    },
},

我的应用结构是：

所以我想导入这样的模块

const path = `./tenants/${response.hostname}/home/${response.modules.home.path}`;

import(path).then(m => m[response.modules.home.class]);

我最终的导入代码在运行时应该是这样的：

import('./tenants/a-tenant/home/home-a.module').then(m => m.HomeAModule);

但是我收到了这个错误，我认为 webpack 不能像这样处理动态负载。

感谢您的帮助:)

Answer 1

遗憾的是，使用动态字符串进行动态导入是不可能的

Angular9 使用动态路由动态导入模块

Angular 9 Dynamically import modules with dynamic routes

module

dynamic-import

webpack

angular

angular9