Cuando agrego esta línea de código en mi@Component:

directives: [HeroDetailComponent]

El código se rompe y me da este error:

GET http://localhost:3000/@angular/core 404 (Not Found)

Estos son los guiones en miindex.html:

<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>   

<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>

Si me falta información para diagnosticar este problema, dígame y la incluiré aquí.