对于个人项目，我尝试使用 ES6 导入来编写更清晰的代码。作为第一个测试，我正在编写一个应该生成菜单的对象。当我直接加载类时，整个代码都在工作，但是在 ES6 中使用导入和导出时，它会import在行中给出“未捕获的语法错误：意外的标识符”错误main.js

我有以下文件：

资产/js/menu.module.js

'use strict';

export default class Menu
{ ... }

资产/js/main.js

import Menu from "./menu.module.js";

window.addEventListener('DOMContentLoaded', () => {
    const menu = new Menu();
});

索引.html

<script type="module" src="assets/js/menu.module.js"></script>
<script src="assets/js/main.js">

请注意，这些只是相关的代码行。

是否使用这<script type="module">条线对我来说似乎没有任何区别。我确实启用了实验性和 ES6 module的 chrome 标志，因为没有它们，我收到了关于import未定义的错误。

Chrome 版本为 62，因此根据不同的来源（包括谷歌的更新日志本身），即使没有标志，这也应该可以工作。

任何人都可以启发我为什么这不起作用，以及我做错了什么？