Angular fornece erro @ angular / core 404 não encontrado ao usar diretivas

Quando adiciono essa linha de código ao meu@Component:

directives: [HeroDetailComponent]

O código quebra e me dá este erro:

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

Estes são os scripts no meuindex.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>

Se estiver faltando alguma informação para diagnosticar esse problema, informe-me e incluirei aqui.

questionAnswers(3)

yourAnswerToTheQuestion