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更改不會在瀏覽器上更新

回答

相關問題