Winkel gibt @eckig/core 404 nicht gefunden " - Fehler bei der Verwendung von Richtlinien

Als ich in diese Codezeile in meine @Component:

directives: [HeroDetailComponent]

Den code bricht, und gibt mir diese Fehlermeldung:

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

Diese sind die Skripte in meinem index.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>

Wenn ich bin fehlen jegliche Informationen für die Diagnose dieses Problem, bitte sagen Sie mir, und ich werde es hier.

Es scheint, wie Sie sind, einschließlich der javascript-Dateien für eine alte angular2 version "pre-rc.0". Aber Sie sind mit den neuen Winkel-Namensgebung für den Import von z.B. @angular/core
wie kann ich dieses Problem beheben?
Lesen Sie das neue quick-start, oder nur Klon der angular2-Samen
Bitte beachten Sie, dass in der angular2-Samen-repo gibt es zwei Filialen,webpack und SystemJS
Yep, danke dafür.

InformationsquelleAutor think123 | 2016-05-04

  1. 7

    Wenn Sie möchten, verwenden Sie die RC-version von Angular2, müssen Sie es konfigurieren SystemJS diese Weise:

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

    Wenn Sie möchten, verwenden Sie beta-Versionen, nachdem Sie enthalten die node_modules/angular2/bundles/angular2.dev.js Datei in einem script element, importieren dieses Pakets statt:

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

    InformationsquelleAutor Thierry Templier

  2. 4

    Ich hatte den gleichen Fehler, wenn ich versuchte zu Folgen, die Eckige 2-tutorial auf https://angular.io/docs/ts/latest/tutorial/toh-pt3.html.

    Aber ich finde, das problem ist, dass ich hatte einen Tippfehler in der app.Komponente.ts, die erste Zeile sollte sein:

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

    Aber ich schrieb ein Buchstabe von 'core':

    import { Component } from '@angular/Core'

    Also mein Rat ist, stellen Sie sicher, Sie schreiben den richtigen Namen der Ressource, bevor Sie versuchen zu überarbeiten SystemJS.

    InformationsquelleAutor Rafy

  3. 0

    ändern Sie diese 

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

    - >> 

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

    in Ihrem Haupt.ts

    InformationsquelleAutor AutoMEta

Schreibe einen Kommentar