Angular 2 don't refresh browser after changes

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?

+4
source share
2 answers

(beta.11) (MAC/Chrome). Angular IO , . ( ) beta.8, . , .

update: (, u go hummmm) .json angular2.b.11 (angular2.b.8 angular2.b.9) npm, [npm start] - . [CTRL-C], , angular2.b.11, [NPM INSTALL] [NPM START] , , , , - 8/9. Tab. , Browsersync - .11?

+1

, , . Github .

, :

  • ,

:

  • Angular -cli (: )
  • (, ) (: )
  • (: "" )
  • (: inotify max_user_watches)
  • (: -poll)

, , , ( , ), . , " " ( , VS Code, ) , . , , , (1-2 ).

, , - (.. , , ). Ctrl + (A, X, S, V, S).

"ng serve" , .

0

All Articles