App in Angular 2 stecken in Loading

Ich habe versucht, die App mit Npm Start zu starten und den HTML-Code anzuzeigen, den ich in die Vorlage einfüge, funktioniert aber nicht. Mein System-Setup ist die folgende:App in Angular 2 stecken in Loading

app.component.ts:

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

    @Component({ 
    selector: 'my-app', 
    template: '<h1>Display something</h1>' // <------ 
    }) 
    export class AppComponent {}

app.module.ts

import { BrowserModule } from '@angular/platform-browser' 
    import { NgModule }   from '@angular/core'; 
    import { FormsModule }  from '@angular/forms'; 
    import { HttpModule }  from '@angular/http'; 

    import { AppComponent }  from './app.component'; 

@NgModule({ 
    declarations: [ 
     AppComponent 
    ], 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     HttpModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {}

main.ts gleich der Winkel 2 Schnellstart

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule }    from './app.module'; 

const platform = platformBrowserDynamic(); 
platform.bootstrapModule(AppModule);

index.html aus dem Winkel 2 Quickstart extrahiert

<html> 
<head> 
    <base href="/ "> 
    <title>Proof of Concept v 0.0.2</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- 1. Load libraries --> 
    <!-- Polyfill(s) for older browsers --> 
    <script src="node_modules/core-js/client/shim.min.js"></script> 
    <script src="node_modules/zone.js/dist/zone.js"></script> 
    <script src="node_modules/reflect-metadata/Reflect.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <!-- 2. Configure SystemJS --> 
    <script> 
     System.config({ 
      packages: { 
       app: { 
        format: 'register', 
        defaultExtension: 'js' 
       } 
      } 
     }); 
     System.import('app') 
       .then(null, console.error.bind(console)); 
    </script> 

</head> 

<!-- 3. Display the application --> 
<body> 
<my-app>Loading...</my-app> 
</body> 

</html>

den Browser-Konsole überprüfen ich die folgende Fehlermeldung angezeigt:

Quelle

2016-09-27 Lima9

Haben Sie die Browser-Konsole für Fehler überprüft? Aus meiner Erfahrung ist Angular ziemlich gut darin, informative Fehlermeldungen auszuspucken. –

Ich habe es überprüft der Fehler ist der folgende: http://imgur.com/AfHu8Dsl.png ein Problem mit zone.js, die ich nicht wirklich weiß, was es ist – Lima9

vielleicht verpasst Sie richtig Systemlader dh system.config

konfigurieren

sehen Sie, wie es in systemjs.config.js konfiguriert ist https://angular.io/guide/quickstart

können Sie auch sehen, Systemjs Config Dokumentation https://github.com/systemjs/systemjs/blob/master/docs/config-api.md

Quelle

2016-09-27 13:37:00 MSC

Ich benutze genau die gleiche Konfiguration – Lima9

Sie nicht sind Verwenden Sie es, wie es im Tutorial erklärt wird. werfen Sie einen Blick auf systemjs.config.js Sie müssen die Systemjs aus Ihrer main.js Datei starten und Sie sind auch die Zuordnung Ihres App-Ordner fehlt. – MSC

App in Angular 2 stecken in Loading

Antwort

Verwandte Themen