title: Angular gives @angular/core 404 not found error when using directives
body: <p>When I add in this line of code into my <code>@Component</code>:</p>
  
  <pre><code>directives: [HeroDetailComponent]
  </code></pre>
  
  <p>The code breaks, and gives me this error:</p>
  
  <pre><code>GET http://localhost:3000/@angular/core 404 (Not Found)
  </code></pre>
  
  <p>These are the scripts in my <code>index.html</code>:</p>
  
  <pre><code>&lt;script src="node_modules/es6-shim/es6-shim.min.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/systemjs/dist/system-polyfills.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"&gt;&lt;/script&gt;   
  
  &lt;script src="node_modules/angular2/bundles/angular2-polyfills.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/rxjs/bundles/Rx.js"&gt;&lt;/script&gt;
  &lt;script src="node_modules/angular2/bundles/angular2.dev.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>If I'm missing out any information for diagnosing this issue, please tell me and I'll include it here.</p>