如何訪問通過 Webpack 動態導入 promise 導入的模塊的默認導出？

Question

問題說明了一切。 谷歌搜索返回了大量 ES6 導入語法的示例，但我使用的是 Webpack “動態導入”。 在下面的代碼中，我展示了帶有注釋結果的消費者文件：

模塊文件：

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

消費者檔案：

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

我需要訪問模塊默認值，例如：

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