title: ES6 import throw Unexpected identifier
body: <p>I have the following file:</p>
  
  <p><strong>./js/ex.js</strong></p>
  
  <pre><code>export default class Sth {
    constructor() {
      console.log('Works');
    }
  }
  
  let sth = new Sth();
  </code></pre>
  
  <p>Adding it to my HTML file as follows:</p>
  
  <pre><code>&lt;script type="module" src="js/ex.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>It works perfectly fine, so as I assume my browser supports ES6 syntax. (Chrome v61).</p>
  
  <p>My app crashes when I try to import another file (AudioHandles.js) into ex.js:</p>
  
  <p><strong>./js/AudioHandler.js</strong></p>
  
  <pre><code>export default class AudioHandler {
    constructor(piano) {
      //do sth
    }  
  }
  </code></pre>
  
  <p><strong>./js/ex.js</strong></p>
  
  <pre><code>import AudioHandler from "./AudioHandler.js";
  
  export default class Sth {
     constructor() {
     console.log('js module225');
   }
  }
  
  let sth = new Sth();
  </code></pre>
  
  <p>Trying to load this in Chrome says: </p>
  
  <pre><code>Uncaught SyntaxError: Unexpected identifier at es.js:1
  </code></pre>
  
  <p>like Chrome has no support for import at all? Can't figure it out.</p>