Para un proyecto personal, estoy tratando de usar la importación ES6 para escribir un código más limpio. Como primera prueba, estoy escribiendo un objeto que debería generar un menú. Todo el código funciona cuando estoy cargando directamente la clase, pero cuando uso la importación y exportación en ES6, aparece el error "Error de sintaxis no detectado: identificador inesperado" en elimport en lineamain.js

Tengo los siguientes archivos:

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">

Tenga en cuenta que estas son solo las líneas de código relevantes.

Utilizando la<script type="module"> línea o no no parecía hacer ninguna diferencia para mí. Tengo habilitados los indicadores de Chrome para los módulos experimental y ES6, ya que sin ellos recibí un error sobreimport no se define

La versión de Chrome sería 62, por lo que de acuerdo con diferentes fuentes (incluido el registro de actualizaciones de Google), esto debería funcionar, incluso sin las banderas.

¿Alguien puede aclararme por qué esto no funciona y qué estoy haciendo mal?