Angular 14.2.5兼容iOS Safari 12及以上版本问题求助

• 已配置browserlistrc

Polyfill配置 #

import '@angular/localize/init';
import { SDGRwindow } from '@icApp/page.checkout/_types/SDGRwindow';
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/es7/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 'web-animations-js';
import 'zone.js/dist/zone';

(window as unknown as SDGRwindow).ICARD_IS_IE = false;

if (!Element.prototype.matches) {
(window as unknown as SDGRwindow).ICARD_IS_IE = true;
Element.prototype.matches = (Element.prototype as any).msMatchesSelector;
}

遇到的问题 #

• 通过BrowserStack访问网站时，iOS Safari中出现SyntaxErrors（语法错误）
• Webpack-dev-server无法连接

已尝试的解决方案 #

• 修改polyfill，添加可能的兼容模块，无效
• 将tsconfig.json的target从es2020降级到es5：旧版本iOS Safari可正常运行，但iOS Safari 13.4及以上版本仍无法正常运行

需求目标 #

实现iOS Safari 12至最新版本的兼容

注：当前package.json中的target为"es2020"

内容的提问来源于stack exchange，提问作者Enzuologist