2016-04-16 15 views
5

Ich beginne auf Angular2 und wenn ich versuche, das erste Mal mein Projekt zu laufen, funktioniert es. Das Problem ist, dass ich das Tutorial befolge und jede Änderung überhaupt nicht auf irgendeinem Browser angezeigt wird, wenn ich es laufe!VS angular2 Änderungen aktualisieren nicht auf Browser

Das ist mein "app.component.ts":

import {Component} from 'angular2/core'; 

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

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

dies auf jedem Browser ok zeigt, aber wenn ich auf diese ändern:

import {Component} from 'angular2/core'; 

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

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

es weiter „Testing zeigen ... ". es soll "Tour of Heroes" zeigen. Warum?

Alle meine anderen Dateien sind die gleichen wie das Tutorial!

Ps .: Ich habe "node and npm" installiert!

[erwähnt @PankajParkar einen Bedarf von editting „system.config“] Dies ist, was ich auf meinem index.html als die gleichen, wie in der Anleitung auf Angular2

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

versuchen, den Cache des Browsers aktualisieren .. oder tun Sie schwer neuladen mit 'Strg + F5' –

+0

Ich habe eine Suche vor dem Posten ... F5, Ctrl + F5 und sogar deaktivieren Cache funktioniert auch nicht! Wenn ich den Port, den ich benutze, ändere, aktualisiert es nur einmal und dann weiterhin nicht aktualisiert ... – Plinio

+0

Cache löschen oder überprüfen, ob Ihre Dateien ordnungsgemäß kompiliert oder nicht? –

Antwort

6

Dieses Problem ist so frustrierend Aber so habe ich es geschafft.

Drücken Sie F12 in Ihrem Browser, um die Entwicklertools aufzurufen. Deaktivieren Sie den Cache wie unten

enter image description here

Zweitens gezeigt, hatte ich diesen Abschnitt hinzuzufügen gerade über Tag in web.config Cache

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

Ausgezeichnet: Wir senden nur Anweisungen zu jeder Verwendung der Website, um F12 zu schlagen und den Cache zu deaktivieren .. :(!!! Auf den zweiten Gedanken, ob das tatsächlich benötigt wurde, um eine aktualisierte Anwendung zu erhalten, hätte Angular nicht gemacht –

+0

@ RickO'Shea Nur wenn Sie das Problem erkannt haben (diese Antwort speziell beantwortet) ist für Entwicklungsmaschinen, habe ich gesagt, gehen Sie und fragen Sie alle F12 zu schlagen? –

1

ich das gleiche Problem jedes Mal, wenn ich ein Start sehen zu deaktivieren neues eckiges Projekt in VS2017 Version 15.1. Ich habe festgestellt, dass ich es lösen kann, indem ich das "run target" (diese Einstellung neben der run-Schaltfläche) vom Standardbrowser auf Chrome ändere und dann sicherstelle, dass IIS Express ausgewählt ist - dh, dass es in einem Browserfenster gestartet werden soll wenn Sie F5 drücken, nicht das Standardbefehlsfenster.

1

Ich habe auch das gleiche Problem in vs konfrontiert Ich habe es gegooglet, aber habe keine Lösung. Dann säubere ich meine Projektlösung und baue sie neu auf. Das hat mein Problem herausgefunden. Bitte versuchen Sie es, es wird auch Ihr Problem lösen.

+0

Das funktionierte tatsächlich für Ich, nachdem ich viele andere Dinge ausprobiert habe. – Jay

Verwandte Themen