角2不更新浏览器更改后

基本上，当我在我的应用程序改变的东西，控制台可以检测到变化...角2不更新浏览器更改后

[0]上午9点23分22秒 - 文件更改检测。开始增量编译...

[0] 9:23:23 AM - 编译完成。监视文件更改。

[1] [BS]文件改变：应用/组件/标识/ logo.component.js

[1] [BS]文件改变：应用/组件/导航栏/ navbar.component.js

[1] [BS]文件中更改：应用程序/组件/侧边栏/ sidebar.component.js

...

但它不再自动更新我的网页浏览器（屏幕去白“加载......“消息:(我不知道为什么。

这里是我的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" 
} 
}

有什么建议？

来源

2016-03-08 Marco Jr

您在浏览器的JavaScript控制台中是否有错误消息？ –

你有没有尝试重新启动你的应用程序。我也有这些问题，重新开始为我解决。 – Michelangelo

@Mikey'你试过把它关掉又回来吗，经典！：D – PierreDuc

我有一个类似的问题（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 INSTALL]和[NPM START] 一个新的浏览器选项卡打开，但当我做了更改后，更新了其他选项卡I当我以beta.8/9发布时开始和停止。而不是它启动的Tab。它似乎Browsersync不是从beta.11开始的？

来源

2016-03-21 17:50:56 christianH

我试过相同的解决方案，并且它的工作。但为什么它不能与beta 11一起工作呢？ –

幸运的是，伙计们！我更改为Angular Beta 9，但问题仍然存在:( 另外，我替换了GULP的NPM并编写了自动化程序，我可以看到我的大嘴显示“[BS] Reloading Browsers ...”，这意味着浏览器同步检测到的变化，但它没有做任何事情... –

我知道这个问题已经过了一年多了，但是这个错误依然存在。其实，有一个open issue in Github。

在某些情况下，现场重装未能完成其工作，导致：在代码

变化不会触发一个新的编译
变化引发新的编译但浏览器提供一个陈旧的版本

在第一种情况中，不同的原因似乎是：

一个Bugular版本的Angular-cli（solution:切换到不同版本）
空格或某些符号（例如，括号）的文件路径（solution：避免
文件系统缓存的问题（solution空格和符号）：使用“同步”后保存操作）
太多观察家（solution：增加的inotify max_user_watches）
时间轮询周期之间的文件更改（solution：设置自定义一个与--poll标志）

对于那些你们谁喜欢我遇到的第二个问题（有编制，但不是浏览器更新）不存在真正的修复。有些人禁用“安全写入”（在没有原子保存的编辑器中，如VS代码，它不适用）帮助他们，但它不是我的情况。好消息是，它似乎主要发生在更新接口定义和only after very small changes（1-2行代码）时。

我能找到的最佳解决方法是强制进行较大的更改（即剪掉文件的所有内容，保存，粘贴并再次保存）。在大多数编辑器中，这可以使用Ctrl +（A，X，S，V，S）快速实现。

作为最后的手段，在所有情况下，在修改问题后重新启动“ng serve”。

来源

2017-09-27 17:44:52 David

嗨，大卫！好吧，它是非常古老的！在事实上Webpack之前，我从来没有问题了当使用角度cli –

@MarcoJr你好！我认为这个bug是非常依赖环境的，所以它不会影响每个人，无论如何，当我搜索到SO时，我发现这是最接近的东西，而且它在GH版本1.0 .0-beta.11（与其他答案相同）所以，当我发现这些信息时，我认为这可能是一个分享它的好地方:)希望它可以帮助未来的某个人。 – David

此外，即使在大多数情况下webpack可能是bug的根源，还有很多其他因素。我认为在编译被触发但浏览器中没有更新的情况下（就像我们俩发生的那样），这不是它的错。实际上，Angular开发人员已经从该问题中删除了webpack标签。我会做同样的事情，并编辑我的答案，删除对webpack的引用，它可能会令人困惑。 – David

角2不更新浏览器更改后

回答

相关问题