Как правильно интегрировать полифиллы для обеспечения совместимости Angular с Internet Explorer? - PullRequest
1 голос
/ 05 июня 2019

Я разрабатываю графический интерфейс на стороне клиента с Angular.Пользователи приложения должны иметь возможность просматривать графический интерфейс из Internet Explorer .Проблема в том, что Internet Explorer ничего не отображает, просто пустая страница 1004 *.Другие браузеры правильно отображают приложение Angular.Я знаю, что для этого нужно использовать полифилы, но все мои попытки с полифиллами провалились.Итак, как правильно это сделать?

Я работаю с Angular 8 , NodeJS v10.15.3 , и мое приложение Angular реализует некоторые веб-компоненты и Угловой маршрутизатор .Я провел некоторое исследование по этому вопросу и, перепроверив различную информацию, обнаружил, что смог написать файл polyfills.ts, который, на мой взгляд, вполне корректен в соответствии со следующим:

AngularПриложение пустая страница в IE, но работает в Chrome

https://blog.angularindepth.com/angular-and-internet-explorer-5e59bb6fb4e9

IE11 пустая страница с использованием Angular 7

https://angular.io/guide/browser-support#suggested-polyfills

Итак, мой файл polyfills.ts выглядит следующим образом:

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/weak-map';
import 'core-js/es6/set';

import 'classlist.js';

import 'core-js/es6/reflect';

import 'core-js/es7/reflect';
import 'core-js/es7/array';

import 'web-animations-js';

import 'zone.js/dist/zone';

/* for web components */
import '@webcomponents/custom-elements/src/native-shim';
import '@webcomponents/custom-elements/custom-elements.min';

Я ожидал, что Internet Explorer отобразит мой контент, но ... нет.

Прежде чем добавлять полифиллы, я 'у нас есть пустая страница.После того, как у меня есть пустая страница, но на этот раз с ошибками внутри консоли, которые не являются ошибками:

https://1drv.ms/f/s!ArJSYka9gM27oknTCiu7v0UohOFb

Я также пытался с API "polyfills.io", но это не былоЭто действительно убедительно.

Я наверняка что-то забыл в конфигурациях, или поли-заливки просто не работают?Во всяком случае, я застрял на данный момент, и я надеюсь, что некоторые из вас могут мне помочь.Заранее благодарю за отзыв, хорошего дня.

1 Ответ

1 голос
/ 05 июня 2019

Пожалуйста, проверьте файл tsconfig.json и убедитесь, что в качестве цели выбран ES5, а не ES6. Также убедитесь, что вы указали ссылку shim.min.js в вашем файле index.html.

о shim.min.js, у меня тоже есть способ ссылаться на него.

...