Basically, when I change something in my application, the console can detect changes ...
[0] 9:23:22 AM - file change detected. Starting incremental compilation ...
[0] 9:23:23 AM - compilation completed. View file changes.
[1] [BS] File modified: app / components / logo / logo.component.js
[1] [BS] File modified: app / components / navBar / navbar.component.js
[1] [BS] File modified: app / components / sideBar / sidebar.component.js
...
But it no longer updates my web browser automatically (the screen turns white with the message "Loading ..." :( I have no idea why.
Here is my package.json
{
"name": "room",
"version": "1.0.0",
"scripts": {
"start": "concurrently \"npm run tsc:w\" \"npm run lite\" ",
"tsc": "tsc",
"tsc:w": "tsc -w",
"lite": "lite-server",
"typings": "typings",
"postinstall": "typings install",
"build-master-sass": "node-sass -w style.scss style.css",
"build-children-sass": "node-sass -w -r app/css -o app/css",
"lint" : "tslint app/**/*.ts"
},
"license": "ISC",
"dependencies": {
"angular2": "2.0.0-beta.7",
"systemjs": "0.19.22",
"es6-promise": "^3.1.2",
"es6-shim": "^0.33.4",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.2",
"zone.js": "0.5.15",
"ng2-bootstrap": "1.0.5",
"bootstrap-material-design-icons" : "2.2.0"
},
"devDependencies": {
"concurrently": "^2.0.0",
"lite-server": "^2.1.0",
"typescript": "^1.8.2",
"typings": "^0.6.8"
}
}
Any suggestions?