title: Unexpected token { on import of MDC for web
body: <p>Trying to import Material Design Components into web page just doing copy-paste from the docs and receive an error </p>
  
  <p>Uncaught SyntaxError: Unexpected token {
  in the line with the first import</p>
  
  <p>What i'm doing wrong?</p>
  
  <pre><code>&lt;script&gt;
  import {MDCTopAppBar} from '@material/top-app-bar';
  import {MDCDrawer} from "@material/drawer";
  
  const drawer = MDCDrawer.attachTo(document.querySelector('.mdc-drawer'));
  
  const topAppBar = MDCTopAppBar.attachTo(document.getElementById('app-bar'));
  topAppBar.setScrollTarget(document.getElementById('main-content'));
  topAppBar.listen('MDCTopAppBar:nav', () =&gt; {
      drawer.open = !drawer.open;
  });
  &lt;/script&gt;
  </code></pre>