eckig 2 App-Komponente nicht geladen

Ich mache eine einfache eckige 2 Tutorial, aber ich bekomme gerade 'Laden' beim Versuch, meine App zu laufen. dies ist meine Datei index.htmleckig 2 App-Komponente nicht geladen

<html> 
     <head> 
     <title>Angular CV </title> 
     <base href="/"> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="styles.css"> 
     <!-- 1. Load libraries --> 
     <!-- Polyfill 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 src="systemjs.config.js"></script> 
     <script> 
      System.import('app').catch(function(err){ console.error(err); }); 
     </script> 
     </head> 
     <!-- 3. Display the application --> 
     <body> 
     <my-app>Still Loading...</my-app> 
     </body> 
    </html>

app.component.ts

 

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

    @Component({ 
     selector: 'my-app', 
     template: '' 
    }) 
    export class AppComponent { 

    }

vollständige Code hier: https://github.com/trinajoy/angularcv

Quelle

2016-11-12 user6086008

Gibt es einen Fehler in der Konsole? – echonax

sollten Sie tun npm reflect-Metadaten installieren und npm reflect-portfinder installieren. –

in Chrom-Entwickler-Tools bekomme ich folgende Fehler shim.min.js: 2 Uncaught Syntaxerror: unerwartete Token < (für Codezeile vor ) und für index.html localhost/18 Uncaught Reference: System ist nicht definiert (...) System.import ('app'). catch (funktion (err) {console.error (err);}); und Directive_normalizer.js: 92 Uncaught Fehler: Vorlage Parse Fehler: ( ) - aber ich bin nicht sicher, welcher Teil des Codes bezieht sich auf ... – user6086008

Angular-cli ihr System von SystemJS zu Webpack seit beta.14 geändert. Es scheint, dass Sie immer noch SystemJS verwenden.

Sie können zu Webpack nach these instructions migrieren. Da Sie jedoch nur einem Tutorial folgen, empfehle ich Ihnen install angular-cli from scratch.

Quelle

2016-11-12 22:17:10 brians69

gut tat ich das folgende npm uninstall-g eckig-cli, npm cache sauber, npm install -g angular-cli @ späteste, und fing wieder an, aber von was ich siehe, ich habe die gleichen Informationen in meiner JSON-Datei und auch die angular-CLI JSON, ich komme immer noch zu dem gleichen Punkt, wo meine App nur 'Laden' aus der Index-Datei .. vollen Code hier: https: // github.com/trinajoy/angulartest.git Ich habe das gleiche Problem mit einer Reihe von Tutorials im Versuch – user6086008

Aber Sie versuchen immer noch zu importieren 'SystemJS' in Ihrem' index.html' (Zeilen 17-19) (und versucht auch SystemJS-Skripte zu laden). – brians69

so im donig - npm deinstallieren -g angular-cli, npm cache sauber, npm installieren -g angular-cli @ neuesten - und immer noch nicht die Beta 14 ..? mache ich es nicht richtig? – user6086008

eckig 2 App-Komponente nicht geladen

Antwort

Verwandte Themen