Javascript 如何访问通过网页包动态导入承诺导入的模块的默认导出?
问题说明了一切。Google返回了大量ES6导入语法的示例,但我使用的是一个网页“动态导入”。在下面的代码中,我显示了我的消费者文件,其中包含注释结果: 模块文件: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); });
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
时,你的控制台输出是什么?你上过“模块”课吗。还在试验。。。