VS angular2 更改不会在浏览器上更新答案

【问题标题】：VS angular2 changes do not update on browserVS angular2 更改不会在浏览器上更新
【发布时间】：2016-08-08 17:30:40
【问题描述】：

我从 Angular2 开始，当我第一次尝试运行我的项目时，它可以工作。问题是我正在按照教程进行操作，当我运行它时，任何更改都没有显示在任何浏览器上！

这是我的“app.component.ts”：

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>Testing...</h1>'
})

export class AppComponent {
  title = 'Tour of Heroes';
}

这在任何浏览器上都显示正常，但是当我更改为这个时：

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: '<h1>{{title}}</h1>'
})

export class AppComponent {
  title = 'Tour of Heroes';
}

它继续显示“正在测试...”。它应该显示“英雄之旅”。为什么？

我所有的其他文件都和教程一样！

Ps.：我已经安装了“node and npm”！

[@PankajParkar 提到需要编辑“System.config”] 这就是我在 index.html 上的内容，与 Angular2 教程中的内容相同

<script>
    System.config({
      packages: {
        app: {
          format: 'register',
          defaultExtension: 'js'
        }
      }
    });
    System.import('app/main').then(null, console.error.bind(console));
  </script>

【问题讨论】：

尝试刷新浏览器缓存..或通过Ctrl + F5进行硬重新加载
我在发布之前确实进行了搜索... F5、Ctrl+F5 甚至禁用缓存也不起作用！当我更改我正在使用的端口时，它只更新一次，然后继续不更新......
删除缓存或者检查你的文件编译是否正确？
您可能正在编辑错误的文件并在控制台中检查错误的文件。在 ts 文件中进行更改后，您是否正在做build...您需要重新运行使其工作的项目
@PardeepJain 是的.. 我们需要在system.config 块中进行一些调整.. 我没有尝试过所以不知道如何调整它..

标签： typescript npm angular

【解决方案1】：

这个问题太令人沮丧了，但我就是这样做的。

在浏览器中按 F12 以调出开发者工具。如下图禁用缓存

其次，我必须在 web.config 中的标记上方添加此部分以禁用缓存

<location path="app">
    <system.webServer>
      <staticContent>
        <clientCache cacheControlMode="DisableCache"/>
      </staticContent>
    </system.webServer>
</location>

【讨论】：

非常好：我们只会向网站的每次使用发送指令以点击 F12 并禁用缓存.. :( !!! 再想一想，如果这实际上是获取更新应用程序所必需的Angular 不会超过纸巾背面的阶段。
@RickO'Shea 只有当你意识到这个问题（这个答案专门回答）是针对开发机器时，我是否说过要去并要求每个人都按 F12？

【解决方案2】：

我也遇到了同样的问题。我用谷歌搜索了它，但没有得到任何解决方案。然后我清理我的项目解决方案并重建它。这解决了我的问题。请尝试一下，希望它也能解决您的问题。

【讨论】：

在尝试了很多其他事情之后，这实际上对我有用。

【解决方案3】：

每次我在 VS2017 版本 15.1 中启动一个新的 Angular 项目时都会遇到同样的问题。我发现我可以通过将“运行目标”（运行按钮旁边的设置）从默认浏览器更改为 Chrome 来解决它，然后确保选择 IIS Express - 即您希望它在浏览器窗口中启动时你按 F5，而不是默认的命令窗口。

【讨论】：