Angular2 Typescript app throws 404 on components when js extension not specified

Question

I just started to play around with Angular2, and ran into a weird component file extension problem:

Let\'s use the 5 minutes quickstart demo from angular.io (I\'ll repro

Answer 1

You can configure the path to your app folder. In my case, I'm using angular 2 to produce a mobile version of our app and had to configure System like so:

System.config({
            paths: {
                'app/*': './js/mobile/dist/*'
            },
            packages: {        
              app: {
                format: 'register',
                defaultExtension: 'js'
              }
            }
          });
          System.import('app/main')
                .then(null, console.error.bind(console));

As you can see, I decided to map "app" to "dist" where I have my compiled js files to keep them separate from the ts files.