Javascript 如何访问通过网页包动态导入承诺导入的模块的默认导出?

Javascript 如何访问通过网页包动态导入承诺导入的模块的默认导出?,javascript,class,webpack,import,module,Javascript,Class,Webpack,Import,Module,问题说明了一切。Google返回了大量ES6导入语法的示例,但我使用的是一个网页“动态导入”。在下面的代码中,我显示了我的消费者文件,其中包含注释结果: 模块文件: export default class Main { init() { console.log("Main init"); } } 消费者档案: import(/* webpackChunkName: "main" */ "./main").then(Main => { init(Main); });

问题说明了一切。Google返回了大量ES6导入语法的示例,但我使用的是一个网页“动态导入”。在下面的代码中,我显示了我的消费者文件,其中包含注释结果:

模块文件:

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
}

我需要访问默认模块,如:

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

在init函数中,我还尝试了从Main导入另一个ES6{Main};但是我在我的网页构建过程中遇到了一个错误,“导入只能在顶层使用”当你在
中记录
Main
时,你的控制台输出是什么?你上过“模块”课吗。还在试验。。。