角度は、私は私の<code>@Component</code>にこのコード行を追加する場合のディレクティブ

Question

を使用した場合、角度/コア404が見つからないエラー@与える：

directives: [HeroDetailComponent] 

をコードブレーク、と私は、このエラーを与える：

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

<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> 

私が欠けている場合はOU：

これらは私のindex.html中のスクリプトがありますこの問題を診断するための情報は、私に教えてください。私はここにそれを含めます。

Answer 1

あなたがAngular2のRC版を使用したい場合は、あなたがSystemJSをこのように設定する必要があります。

var packages = { 
    'app': { main: 'main.js', defaultExtension: 'js' }, 
    'rxjs': { defaultExtension: 'js' }, 
    'angular2-in-memory-web-api': { defaultExtension: 'js' }, 
}; 

var packageNames = [ 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/core', // <-------- 
    '@angular/http', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 
    '@angular/router', 
    '@angular/router-deprecated', 
    '@angular/testing', 
    '@angular/upgrade', 
]; 

packageNames.forEach(function(pkgName) { 
    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
}); 

var config = { 
    map: map, 
    packages: packages 
} 

System.config(config); 

あなたはscript要素でnode_modules/angular2/bundles/angular2.dev.jsファイルが含まれた後に、ベータ版を使用する場合は、インポート代わりに、このパッケージ：この

import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api'; 

import {Component, Directive, ...} from 'angular2/core'; 

Answer 2

変更へ - あなたのmain.tsで>>

import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api/in-memory-backend.service'; 

Answer 3

私はhttps://angular.io/docs/ts/latest/tutorial/toh-pt3.htmlでの角度2チュートリアルに従うことをしようとしたとき、私は同じエラーが発生しました。

しかし、私は、問題は、私はapp.component.tsにタイプミスがあったことである見つける、最初の行は次のようになります。

import { Component } from '@angular/core'。

しかし、私は「コア」の資本手紙を書いた：

import { Component } from '@angular/Core' 

だから私のアドバイスはあなたが前にリソースの右の名前を書いてくださいSystemJSを改正しようとすることです。