title: ES6 modules in Chrome
body: <p>I'm trying to use ES6 modules in Chrome.  From all the examples I've looked at the following seems to be the right way to do it, but when I run it in Chrome's developer tools I get this error message...</p>
  
  <p>uncaught SyntaxError: Unexpected token {</p>
  
  <p>...highlighting the import statement in the module (script1.js, below) that's trying to import the module.  I've seen a lot of references to problems like this but none of the suggestions to remedy the situation have worked for me.  If you could see what I'm doing wrong, I'd sure appreciate your help...</p>
  
  <p>here's the html...</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;script src="lib1.js" type="module"&gt;&lt;/script&gt;
      &lt;script src="script1.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>here's the module (lib1.js)...</p>
  
  <pre><code>export function doSomething() {
      alert("in module lib1");
  }
  </code></pre>
  
  <p>here's the script (script1.js) that tries to import the module...</p>
  
  <pre><code>import { doSomething } from "lib1.js";
  doSomething();
  </code></pre>