如何在浏览器中加载简单的es6模块？

Question

我正在尝试使用新浏览器的功能，允许您加载与脚本相关的javascript模块。

这个例子似乎超级直截了当。您只需将类型属性从"text/javascript"更改为"module"。

我有一个简单的test.js文件，它只抓取一个DOM节点并将其内部html设置为“Hello”：

const output = document.querySelector("#output");
output.innerHTML = "hello";

这适用于type = "text/javascript"，但与type = "module"失败：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS Modules</title>
  </head>
  <body>
    <main>
      <h1>JS Modules</h1>
      <div id="output"></div>
    </main>
    <script type="module" src="./test.js"></script>
  </body>
</html>

我错过了什么？