angolare dà @ angolare/core 404 non trovato errore quando si utilizza direttive

Question

Quando aggiungo in questa riga di codice nel mio @Component:

directives: [HeroDetailComponent] 

Le interruzioni di codice, e mi dà questo errore:

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

Questi sono gli script nella mia index.html: ou

<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 mi manca t qualsiasi informazione per diagnosticare questo problema, per favore dimmi e includerò qui.

Answer 1

Se si desidera utilizzare la versione RC di Angular2, è necessario configurare SystemJS questo modo:

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

Se si desidera utilizzare versioni beta, dopo aver incluso il file node_modules/angular2/bundles/angular2.dev.js in un elemento script, import quel pacchetto:

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

Answer 2

cambiamento questo

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

a - >>

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

nei tuoi main.ts

Answer 3

ho avuto lo stesso errore quando ho cercato di seguire il angolare 2 tutorial https://angular.io/docs/ts/latest/tutorial/toh-pt3.html.

Ma trovo il problema è che ho avuto un errore di battitura nel app.component.ts, la prima linea dovrebbe essere:

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

Ma ho scritto una lettera maiuscola del 'core':

import { Component } from '@angular/Core' 

Quindi il mio consiglio è quello di assicurarsi che si scrive il proprio nome della risorsa prima di cercare di rivedere SystemJS.