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

我从Angular2开始，当我尝试第一次运行我的项目时，它可以正常工作。问题是，我正在关注教程，当我运行它时，任何浏览器都没有显示任何更改！VS 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和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>

来源

2016-04-16 Plinio

尝试刷新浏览器缓存..或通过Ctrl + F5进行重新加载 –

我在发布之前做过搜索...... F5，Ctrl + F5甚至禁用缓存都不起作用！当我更改我使用的端口时，它只更新一次，然后继续不更新... – Plinio

删除缓存或检查您的文件是否正确编译？ –

教程这个问题是如此令人沮丧但这是我如何使它工作。

在浏览器中点击F12以调出开发者工具。禁用缓存，如下图所示

其次，我不得不在web.config中添加正上方的标签这部分禁用缓存

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

来源

2016-12-26 01:40:30

优秀：我们只是发送指令，每次使用的网站打F12和禁用缓存.. :(!!! 第二个想法，如果这实际上是需要得到一个更新的应用程序Angular将没有作出 –

@ RickO'Shea只有当你意识到这个问题（这个答案特别回答）是用于开发机器的时候，我是否说过要让所有人打F12？ –

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

来源

2017-05-12 04:05:17 Bjm

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

来源

2017-06-10 06:30:04

这实际上适用于我尝试了很多其他的东西之后。 – Jay

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

回答

相关问题