如何访问通过 Webpack 动态导入 promise 导入的模块的默认导出？

Question

Question says it all. Googling returns plenty of examples of ES6 import syntax, but I'm using a Webpack "dynamic import". In the below code, I've shown my consumer file with commented results:

Module file:

export default class Main {
  init() {
    console.log("Main init");
  }
}

Consumer file:

import(/* webpackChunkName: "main" */ "./main").then(Main => {
  init(Main);
});
function init(Main) {
console.log(Main); // "Module"
const main = new Main.Main(); // not a constructor
const main = new Main(); // not a constructor
const main = new Main.getDefault(); // not a constructor
}

Answer 1

I needed to access the module default like:

const mainclass = Main.default;
const main = new mainclass();