Ensure that SystemJS is included in your HTML page for your Angular2 application to function properly from the node_modules folder. The minimum requirements are:
<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>
You also need to set up SystemJS to load your compiled TypeScript files (which are actually JavaScript files with a js extension). Here's an example of how to do it:
<script>
System.config({
map: {
app: 'assets/js/app'
},
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
</script>
This configuration ensures that when you import modules starting with app/, SystemJS will load the corresponding JS file (compiled from TypeScript). For instance, running System.import('app/main'); will load the app/main.js file.
Remember, you must have already compiled your TypeScript files. Running the npm run start command automatically starts the tsc compiler in the background, compiling TypeScript files into JS files whenever changes are detected. Make sure the compiler is running and generating the necessary JS files...