У нас есть несколько angular веб-компонентов, загружаемых в основное приложение angular, и оно нормально работает в google chrome, но выдает ошибки при загрузке в IE11.
Подход 1: - Ошибка, которую мы получаем в IE11
'Символ' не определена
, и ниже приведены полифилсы, добавленные для angular веб-компонента
import 'classlist.js';
import '@webcomponents/custom-elements/src/native-shim'; import '@webcomponents/custom-elements/custom-elements.min';
import 'zone.js/dist/zone';
и в основное приложение angular мы включили зону, а ниже добавлены полифилсы:
import 'classlist.js';
import 'zone.js/dist/zone';
Подход 2: Попробовал включить библиотеку core- js в полифиллах как в веб-компоненте, так и в основном приложении. В IE11 выдается следующее сообщение об ошибке:
SCRIPT5022: Zone. js обнаружил, что ZoneAwarePromise (window|global).Promise был перезаписан. Скорее всего, причина в том, что после заполнения зоны загружен многозаполненный модуль Promise. js (Polyfilling Promise API не требуется при загрузке зоны. js. Если необходимо загрузить один из них, сделайте это перед загрузкой зоны. js.)
Ниже добавлены полифилсы:
import 'core-js/es/symbol'; import 'core-js/es/promise'; import 'core-js/es/object'; import 'core-js/es/function'; import 'core-js/es/parse-int'; import 'core-js/es/parse-float'; import 'core-js/es/number'; import 'core-js/es/math'; import 'core-js/es/string'; import 'core-js/es/date'; import 'core-js/es/array'; import 'core-js/es/regexp'; import 'core-js/es/map'; import 'core-js/es/weak-map'; import 'core-js/es/set'; import 'classlist.js'; / ****************************** ************************************************** ******************* * BROWSER POLYFILLS * / import 'core-js/es/reflect';
Подход 3: Пробовал с удалением зоны из веб-компонентов и включал только в основном приложении путем добавления {ngZone: noop} в файл main.ts.
Этот подход работает, но обнаружение изменений не удается.