如何在支持 ESM 的 Chrome 中正确导出/导入 ESM/ES6 模块

Question

我有一个与 Webpack 4 和 Babel 加载器捆绑在一起的应用程序。在主入口点我正在导出一个类，例如export default Test;现在我正在尝试通过 ESM 感知 Chrome 导入主包

<script type="module">
(async function() {
  const test = await import('./module.main.js');
  window.test = test;
})()
</script>

问题是虽然浏览器正在加载包，但test只会产生这个。

Module {Symbol(Symbol.toStringTag): "Module"}
  Symbol(Symbol.toStringTag): "Module"

如何获取我的默认导出？我没有在这里提供 Webpack 配置，因为它很简单。