Today marks my first venture into using Angular2 with TypeScript. Unfortunately, I encountered an error while attempting to run my Angular2 program using npm start.
> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5e3f30392b323f2c6c732f2b373d352d2a3f2c2a1e6f706e706e">[email protected]</a> start D:\Users\Abhay\Angular2_Demo\angularRouting
> concurrent "npm run lite"
[0]
[0] > <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8aebe4edffe6ebf8b8a7fbffe3e9e1f9feebf8fecabba4baa4ba">[email protected]</a> 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.jsHere is my **
<html>
<head>
<title>Angular 2 QuickStart</title>
<!-- 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>
<!-- 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>
<!-- Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
</html>**
If you require any additional files or have any solutions, please inform me.