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

This problem may be caused by JetBrains WebStorm when refactoring files to new locations. It seems to append the .ts extension on imports.

So, keep your new files in their places but check every file's imports.

All of your imports should resemble this

import {MyComponent} from './Components/MyComponent';

And not this

import {MyComponent} from './Components/MyComponent.ts';