我对脚本类型“模块”感到困惑

Question

1）在index.html中，我有以下内容：

<script src='myClass.js' type="module">
  const myClass = new MyClass("first");
  console.log("new instance: myClass");
</script>

2）在myClass.js中：

class MyClass {
  constructor(name) {
    this.name = name;
    console.log("MyClass is instantiated");
  }
}

export default MyClass;

console.log("myClass.js was executed!");

问题：如何在上面的脚本标签中访问MyClass？ 1）中的代码不执行任何操作。它不会注销“实例化MyClass”或“新实例：myClass”。它确实记录“ myClass.js已执行！”所以我知道它已经执行了。

我尝试了下面的方法，它可以工作，但是我对上面的方法为什么不起作用感到困惑。

// index.html
<script type="module">
  import MyClass from './myClass';
  const myClass = new MyClass("second");
</script>