Angular2 Programm läuft nicht, möglicherweise Problem mit dem Lite-Server?

Zum ersten Mal verwende ich Angular2 mit typeScript. Mein Angular2-Programm läuft nicht und zeigt einen Fehler während der Ausführung mit npm start.Angular2 Programm läuft nicht, möglicherweise Problem mit dem Lite-Server?

> [email protected] start D:\Users\Abhay\Angular2_Demo\angularRouting 
 
> concurrent "npm run lite" 
 

 
[0] 
 
[0] > [email protected] lite D:\Users\Abhay\Angular2_Demo\angularRouting 
 
[0] > lite-server 
 
[0] 
 
[0] ** browser-sync config ** 
 
[0] { injectChanges: false, 
 
[0] files: [ './**/*.{html,htm,css,js}' ], 
 
[0] watchOptions: { ignored: 'node_modules' }, 
 
[0] server: { baseDir: './', middleware: [ [Function], [Function] ] } } 
 
[0] [BS] Access URLs: 
 
[0] ------------------------------------- 
 
[0]  Local: http://localhost:3000 
 
[0]  External: http://202.54.6.180:3000 
 
[0] ------------------------------------- 
 
[0]   UI: http://localhost:3001 
 
[0] UI External: http://202.54.6.180:3001 
 
[0] ------------------------------------- 
 
[0] [BS] Serving files from: ./ 
 
[0] [BS] Watching files... 
 
[0] 16.08.26 15:57:46 304 GET /index.html 
 
[0] 16.08.26 15:57:46 304 GET /node_modules/es6-shim/es6-shim.min.js 
 
[0] 16.08.26 15:57:46 304 GET /node_modules/systemjs/dist/system-polyfills.js 
 
[0] 16.08.26 15:57:46 304 GET /node_modules/angular2/bundles/angular2-polyfills.js 
 
[0] 16.08.26 15:57:46 304 GET /node_modules/systemjs/dist/system.src.js 
 
[0] 16.08.26 15:57:46 304 GET /node_modules/rxjs/bundles/Rx.js 
 
[0] 16.08.26 15:57:46 304 GET /node_modules/angular2/bundles/angular2.dev.js 
 
[0] 16.08.26 15:57:46 404 GET /node_module/angular2/bundles/router.dev.js> 
 
[0] 16.08.26 15:57:46 304 GET /app/boot.js 
 
[0] 16.08.26 15:57:46 404 GET /node_module/angular2/bundles/router.dev.js> 
 
[0] 16.08.26 15:57:46 404 GET /angular2/router 
 
[0] 16.08.26 15:57:46 304 GET /app/app.component.js 
 
[0] 16.08.26 15:57:46 404 GET /angular2/router 
 
[0] 16.08.26 15:57:46 304 GET /app/courses.component.js 
 
[0] 16.08.26 15:57:46 304 GET /app/course.service.js

hier ist mein **

<html> 
 

 
    <head> 
 
    <title>Angular 2 QuickStart</title> 
 

 
    <!-- 1. Load libraries --> 
 
    <!-- IE required polyfills, in this exact order --> 
 
    <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/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> 
 

 
    <!-- 2. Configure SystemJS --> 
 
    <script> 
 
     System.config({ 
 
     packages: {   
 
      app: { 
 
      format: 'register', 
 
      defaultExtension: 'js' 
 
      } 
 
     } 
 
     }); 
 
     System.import('app/boot') 
 
      .then(null, console.error.bind(console)); 
 
    </script> 
 
    <script src="node_module/angular2/bundles/router.dev.js>"></script> 
 

 
    
 

 
    </head> 
 

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

 
</html>

**
Wenn ja jede andere Datei benötigen Sie kennen mich, und mir bitte geben einige Lösungen.

Quelle

2016-08-26 Abhay Sharma

Es scheint, als ob Sie ältere eckige Version verwenden, verwenden Sie bitte die neueste Version, gehen Sie durch [quickstart] (https://angular.io/docs/ts/latest/quickstart.html) –

Ich verwendete "npm install - g angular-cli "Dieser Befehl für Update Angular aber mit demselben Fehler. –

Die Version von angular, die Sie verwenden, ist ziemlich veraltet. Du musst angle-cli auf die neueste Version upgraden und es erneut versuchen. Aus den Dokumenten, ist dies, wie Winkel-cli zu aktualisieren:

npm uninstall -g angular-cli 
npm cache clean 
npm install -g [email protected]

dies sollte auf die neueste Version Winkel-cli aktualisieren und versichert, dass Sie eine aktuelle Version des Frameworks zu verwenden.

Quelle

2016-08-26 12:31:27 peppermcknight

Angular2 Programm läuft nicht, möglicherweise Problem mit dem Lite-Server?

Antwort

Verwandte Themen