Angular 2更改后未更新浏览器
基本上，当我更改应用程序中的某些内容时，控制台可以检测到这些更改……
上午9:23:22 -检测到文件更改。正在启动增量编译...
上午9:23:23 -编译完成。监视文件更改。
1个文件已更改: app/components/logo/logo.component.js
1文件已更改: app/components/navBar/navbar.component.js
1文件已更改:app/component/sideBar/sidebar.Component.js
..。
但它不再自动更新我的web浏览器(屏幕变白与“加载...”消息:(我不知道为什么。
这是我的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"
}
}有什么建议吗？
回答 2
Stack Overflow用户
发布于 2016-03-22 01:50:56
我遇到了类似的问题(beta.11) (MAC / Chrome)。按照有关Angular IO的教程，文件被检测为已更改并重新编译，但浏览器未刷新。我有另一个项目(模板启动器) beta.8，它正在工作。一旦我发现了不同之处，我会给你提个醒。
更新:将我的package.json从angular2.beta.11改为(angular2.beta.8或angular2.beta.9)之后，我做了一个npm安装，然后npm start-浏览器同步启动并通过浏览器更新。按CTRL-C停止手表，然后将我的软件包改回angular2.beta。11进行了另一次NPM安装和NPM启动。打开了一个新的浏览器标签，但当我做出更改时，它更新了我启动时启动的其他标签，并在使用beta.8/9启动时停止。而不是它启动的标签。Browsersync似乎不是从beta.11开始的？
Stack Overflow用户
发布于 2017-09-28 01:44:53
我知道这个问题已经有一年多了，但是这个bug仍然存在。实际上，有一个open issue in Github。
在某些情况下，实时重新加载无法完成其工作，从而导致：
代码中的
- 更改不会触发新的compilation
- changes触发新的编译，但浏览器提供的是陈旧版本的
在第一种情况下，不同的原因似乎是：
同步一个错误版本的operation)
- too -cli(在文件路径中切换到不同的轮询或一些符号(如圆括号) (solution：避免空格和symbols)
- file系统缓存问题(
- ：在保存之后使用“version)
对于那些像我一样经历第二个问题(有编译但没有浏览器更新)的人来说，没有真正的修复方法。有些人reported认为禁用“安全写入”(在编辑器中没有原子保存，如VS代码，它不适用)对他们有帮助，但这不是我的情况。好消息是，这似乎主要发生在更新接口定义和only after very small changes (1-2行代码)时。
我能找到的最好的解决办法是强制进行更大的更改(即剪切文件的所有内容，保存、粘贴并再次保存)。在大多数编辑器中，使用Ctrl + (A，X，S，V，S)可以快速实现这一点。
作为最后的手段，在所有情况下，在更改修复问题后重新启动"ng serve“。
https://stackoverflow.com/questions/35863660
复制相似问题
腾讯云开发者
