typescript - VS angular2-endringer oppdateres ikke i nettleseren

Jeg begynner på Angular2, og når jeg prøver å kjøre prosjektet mitt for første gang, fungerer det. Problemet er at jeg følger veiledningen, og ingen endringer vises i noen nettleser når jeg kjører det!

Dette er min "app.component.ts":

import {Component} from 'angular2/core';

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

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

dette vises ok på hvilken som helst nettleser, men når jeg endrer til dette:

import {Component} from 'angular2/core';

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

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

det fortsetter å vise "Testing...". det skal vise "Tour of Heroes". Hvorfor?

Alle mine andre filer er de samme som i veiledningen!

Ps.: Jeg har installert "node og npm"!

[@PankajParkar nevnte et behov for å redigere "System.config"] Dette er hva jeg har på min index.html, det samme som i veiledningen på Angular2

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

Svar #1

Dette problemet er så frustrerende, men slik fikk jeg det til å fungere.

Trykk F12 i nettleseren din for å åpne utviklerverktøyene. Deaktiver hurtigbufferen som vist nedenfor

For det andre måtte jeg legge til denne seksjonen rett over taggen i web.config for å deaktivere hurtigbufferen

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

Svar #2

Jeg har også møtt samme problem i vs. Jeg har googlet det, men fikk ingen løsning. Deretter renset jeg prosjektløsningen min og bygde den på nytt. Det løste problemet mitt. Vennligst prøv det, håper det også vil løse ditt problem.

Relaterte artikler