Angular 2 CLI 正在编译,但浏览器未反映在 WebStorm 中所做的更改

Angular 2 CLI is compiling but browser not reflecting changes made in WebStorm

我刚开始通过教程学习 Angular2。

我使用 ng new firstapp 创建了一个新项目。每当我更改 app.component.ts 并保存文件时,angular-cli 总是编译成功,显示 webpack: Compiled successfully.

然而,有时它会立即反映浏览器的变化,而大多数时候它不会显示任何变化。在我搜索问题后,有人建议尝试使用 Chrome 开发人员工具禁用缓存,但没有帮助。我是初学者。

我正在使用 WebStorm 作为我的 IDE。但是,当我使用 SublimeText 进行更改时,浏览器会立即反映这些更改。我想这与 WebStorm 有关系。我想继续使用 WebStorm,因为我喜欢它的功能。

使用webpack-dev-server时,recommended禁用IDE安全写入功能(Use "safe writes" (save changes to a temporary file first)Settings | Appearance & Behavior | System Settings ) ,否则,应用程序将不会根据更改更新 on-time。此问题已在 Webpack 2

中修复