Polyfills.ts in meiner Angular 2 ASP.NET Core-Anwendung erstellt mit VS-Vorlage, fehlen sie?

Question

Ich bin Neuling in Angular Entwicklung und ich bin mit Visual Studio 2017 Professionelle Vorlage eine Angular 2-Anwendung mit ASP.Net Kern zu Beginn der Erstellung:

Mein Problem ist, dass der App nicht auf Internet läuft Explorer 11 und suchen Ich habe festgestellt, dass ich etwas auf polyfills Datei auskommentieren muss.

Ich habe es auf D:\MyProjects\NetCore\AngularWebApplication\AngularWebApplication\node_modules\graceful-fs\polyfills.js gefunden, aber es hat nicht den gleichen Inhalt erwartet (wie die in dieser SO answer zeigen).

Ist es eine gute Idee, VS-Vorlage zu verwenden, oder kann ich die leere Vorlage verwenden und die Angular-App hinzufügen?

Answer 1

Ich stieß auf das gleiche Problem - und zum Glück ist die Lösung tot einfach.

Legen Sie Ihre polyfills.ts-Datei im selben Verzeichnis wie die boot.browser.ts Datei (Ich lief einen ng new test-app Befehl in einem temporären Verzeichnis nur die neuesten Dateien zu erhalten), als die folgende Zeile am Anfang der Datei boot.browser.ts hinzufügen: -

import './polyfills';

Sie werden dann das kommentierte aus Bits in polyfills.ts Datei entfernen müssen, um die erforderlichen Importe für den Browser Sie unterstützen mögen aufzunehmen, und auch laufen und npm install Befehle, die erforderlich sind (wie in den Kommentaren angegeben die Linien in polyfills.ts).

Das sollte das Problem IE11 für Sie beheben.

Sie erwähnten eine leere Vorlage und erstellten dann eine App mit ng new, aber es ist keine einfache Aufgabe, sie in Visual Studio zu verwenden (und zu debuggen), so dass Sie besser VS-Code verwenden sollten, wenn Sie nach unten gehen diese Route. Wenn Sie eine Bereitstellung in einer Umgebung durchführen können, die .net core und node.js unterstützt, ist es wahrscheinlich besser, die .net-Angular-Kernvorlage zu verwenden.

Answer 2

wenn Sie nicht über polyfills.ts Datei lesen this

Sie haben ClientApp-->boot.browser.ts Datei zu öffnen.

Unter Leitung 2

import 'zone.js';

Dieses

/** IE9, IE10 and IE11 requires all of the following polyfills. **/ 
 
import 'core-js/es6/symbol'; 
 
import 'core-js/es6/object'; 
 
import 'core-js/es6/function'; 
 
import 'core-js/es6/parse-int'; 
 
import 'core-js/es6/parse-float'; 
 
import 'core-js/es6/number'; 
 
import 'core-js/es6/math'; 
 
import 'core-js/es6/string'; 
 
import 'core-js/es6/date'; 
 
import 'core-js/es6/array'; 
 
import 'core-js/es6/regexp'; 
 
import 'core-js/es6/map'; 
 
import 'core-js/es6/set'; 
 

 
/***********added*************/

Und sollte diese Arbeit