ES6 import throw意外的标识符

Question

我有以下文件：

./ JS / ex.js

export default class Sth {
  constructor() {
    console.log('Works');
  }
}

let sth = new Sth();

将其添加到我的HTML文件中，如下所示：

<script type="module" src="js/ex.js"></script>

它工作得非常好，因为我认为我的浏览器支持ES6语法。 （Chrome v61）。

当我尝试将另一个文件（AudioHandles.js）导入ex.js时，我的应用程序崩溃了：

./ JS / AudioHandler.js

export default class AudioHandler {
  constructor(piano) {
    //do sth
  }  
}

./ JS / ex.js

import AudioHandler from "./AudioHandler.js";

export default class Sth {
   constructor() {
   console.log('js module225');
 }
}

let sth = new Sth();

尝试在Chrome中加载此内容：

Uncaught SyntaxError: Unexpected identifier at es.js:1

Chrome根本不支持导入？无法弄清楚。