.Net Kern Angular 4 - Duplizieren App-Komponente auf Bundle Wiederaufbau

Question

Mein Projektes ist mit der Visual Studio .NET-Core-AngularJS Vorlage (dh mit den app.module.shared.ts, app.module.browser.ts, app.module.server.ts Dateien)

Ich war ein seltsames Problem mit wobei Wann immer ich Änderungen vorgenommen habe, wurde ein neues <app> Element zu meinem DOM hinzugefügt, und das alte <app> Element wurde nicht entfernt. Wenn ich die Seite aktualisiert habe, war alles wieder normal.

Answer 1

Nach langem Suchen es stellte sich heraus, dass es in meinem dies app.module.browser.ts zurückzuführen

-Datei mit

imports: [ 
    BrowserModule, 
    BrowserAnimationsModule, 
    AppModuleShared 
], 

Sobald ich die BrowserAnimationsModule Linie entfernen, stoppte die Vervielfältigung Problem.

So ist die Einfuhr Abschnitt wird:

imports: [ 
    BrowserModule, 
    AppModuleShared 
], 

Ich habe keine Ahnung, ob dies ein webpack Problem ist, ein Winkel Frage oder ein Problem mit dem MS Weg app.module aufgeteilt in mehrere Dateien zu haben .. Aber das ist es, was es verursacht, wenn Sie auf dieses Problem stoßen!

Es ist einfach für die Interessenten zu duplizieren, starten Sie einfach ein neues Vorlagenprojekt und fügen Sie diese Zeile hinzu.

Update: Hinzufügen von BrowserAnimationsModule Import in die app.module.shared.ts Datei auch das gleiche Problem hatte, ebenso wie NoopAnimationsModule

Update 2: Ich habe gerade dieses GIT Problem mit einem richtigen Problem zu umgehen, die alten <app> https://github.com/aspnet/JavaScriptServices/issues/1165

zu entfernen