Para um projeto pessoal, estou tentando usar a importação do ES6 para escrever um código mais limpo. Como primeiro teste, estou escrevendo um objeto que deve gerar um menu. O código inteiro está funcionando quando eu estou carregando diretamente a classe, mas, ao usar a importação e a exportação no ES6, ele fornece um erro "Untaught SyntaxError: Unexpected Identifier" noimport linha emmain.js

Eu tenho os seguintes arquivos:

assets / js / menu.module.js

'use strict';

export default class Menu
{ ... }

assets / js / main.js

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

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

index.html

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

Observe que essas são apenas as linhas de código relevantes.

Usando o<script type="module"> linha ou não não pareceu fazer nenhuma diferença para mim. Eu tenho os sinalizadores de cromo para os módulos experimental e ES6 ativados, pois sem eles eu recebi um erro sobreimport não está sendo definido.

A versão do Chrome seria 62, portanto, de acordo com diferentes fontes (incluindo o próprio registro de atualização do google), isso deve estar funcionando, mesmo sem os sinalizadores.

Alguém pode me esclarecer por que isso não está funcionando e o que estou fazendo de errado?