Angular 2 changes not detected

 When editing Typescript files in an Angular 2 project in IDEA, the changes are not picked up/ reflected correctly by angular-cli. However, if the same change is made using a text editor (i.e. Notepad++), the change is correctly reflected in the browser.

Example:

 Add console.log()

statements to your angular 2 TS file while the angular 2 app is running. Angular-cli detects that a change was made and reloads the browser/ app. However the log values do not appear correctly. The same changes made using a text editor gets detected and displayed perfectly.

This only started happening once upgrading IDEA to 2017.1. It is a real productivity killer as I need to restart the app each time a change is made to get it reflected int he browser.

P.S. I have noticed that the initial change is sometimes picked up correctly, even when editing the file using IDEA. Any subsequent changes are ignored.