title: system.js es6 modules can't get started
body: <p>According to getting started I created a file called main.js:</p>
  
  <pre><code> export class q {
      constructor() {
        this.es6 = 'yay';
      }
    }
  </code></pre>
  
  <p>In my html file got:</p>
  
  <pre><code>&lt;script src="system.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    SystemJS.import('main.js')
    .then(null,(err)=&gt;console.error(err))
  &lt;/script&gt;
  </code></pre>
  
  <p>When loading the page I get:</p>
  
  <blockquote>
    <p>Error: Unable to dynamically transpile ES module    A loader plugin
    needs to be configured via <code>SystemJS.config({ transpiler:
    'transpiler-module' })</code>.   Instantiating <a href="http://localhost:8080/main.js" rel="nofollow noreferrer">http://localhost:8080/main.js</a>
    Loading main.js
        at transpile (system.js:3650)
        at system.js:3433 SystemJS.import.then @ index.html:17</p>
  </blockquote>
  
  <p>The system.js file I got from here: <a href="https://raw.githubusercontent.com/systemjs/systemjs/master/dist/system.src.js" rel="nofollow noreferrer">https://raw.githubusercontent.com/systemjs/systemjs/master/dist/system.src.js</a></p>
  
  <p>Running static content from http-server (node) with cache killer plugin installed in Chrome.</p>
  
  <p>Not sure what this is but I'll continue reading the docs and maybe find the solution. A bit sloppy for it to break at "getting started" though.</p>
  
  <p><strong>update</strong></p>
  
  <p>I guess this has something to do with it:</p>
  
  <p><a href="https://github.com/jspm/jspm-cli/issues/1312" rel="nofollow noreferrer">https://github.com/jspm/jspm-cli/issues/1312</a></p>
  
  <p>But nothing there about how to make the error go away. Code works in Chrome and will be transpiled by babel, only part I need system.js for during development is to load the module.</p>
  
  <p><strong>update</strong></p>
  
  <p><a href="https://youtu.be/5P04OK6KlXA?t=3m3s" rel="nofollow noreferrer">https://youtu.be/5P04OK6KlXA?t=3m3s</a></p>
  
  <p>Looks like the "getting started" should mention that for the example to work one needs traceur as well.</p>
  
  <p>After some searching I found the traceur.js here: <a href="http://google.github.io/traceur-compiler/bin/traceur.js" rel="nofollow noreferrer">http://google.github.io/traceur-compiler/bin/traceur.js</a></p>
  
  <p>Changed the html to:</p>
  
  <pre><code>&lt;script src="traceur.js"&gt;&lt;/script&gt;
  &lt;script src="system.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    SystemJS.import('./main.js')
    .then(null,(err)=&gt;console.error(err))
  &lt;/script&gt;
  </code></pre>
  
  <p>And it still the same error.</p>
  
  <p><strong>update</strong></p>
  
  <p>Installed systemjs and traceur with npm and added them to the html:</p>
  
  <pre><code>&lt;script src="./node_modules/traceur/bin/traceur.js"&gt;&lt;/script&gt;
  &lt;script src="./node_modules/systemjs/dist/system.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Same error. I'm done with this and revert to requirejs for developing, r.js with uglify for distribution.</p>
  
  <p>Was looking into this after reading something about rollup and how compiled code can be smaller when it only imports what you need instead of the entire file.</p>