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

Question

我开始使用Angular2，当我第一次尝试运行我的项目时，它可以工作。问题是我正在关注本教程，当我运行它时，任何浏览器都没有显示任何更改！

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

import {Component} from 'angular2/core';

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

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

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

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

继续显示“测试......”。它假设显示“英雄之旅”。为什么？

我的所有其他文件与教程相同！

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

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

app.controller('select', ['$scope', '$http', 'myService', function($scope,$http, myService) {
   $scope.selected = myService.selected;   
   $scope.onChange = myService.onChange;
   $http.get('/myapp/stocknames').
     success(function(data) {
       $scope.names=data;
       console.log($scope.names);          
     });
}]);

Answer 1

这个问题令人沮丧，但这就是我的工作方式。

在浏览器中按F12以显示开发人员工具。禁用缓存，如下所示

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

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

Answer 2

我也面临同样的问题，而我用google搜索它但没有得到任何解决方案。然后我清理我的项目解决方案并重建它。这弄明白了我的问题。请尝试希望它也能解决您的问题。

Answer 3

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