It seems like this issue has been encountered multiple times. Despite trying various solutions, the problem persists. Every time I serve the app and launch it on IE, a syntax error in the vendor.js file pointing to an arrow function keeps appearing.
I have followed these steps:
- Changed the
target
in mytsconfig
toes5
- In the
browserlist
, modifiednot IE 9-11
toIE 9-11
- In the polyfill.js file, I uncommented all core-js imports, added the classlist.js import, and even installed the package
Even after completing all these steps, the issue remains unresolved. It appears that only the polyfill.js file is being transpiled to polyfill-es5.js for some unknown reason.
The Angular application setup includes the following:
@angular-devkit/architect 0.801.3
@angular-devkit/build-angular 0.801.3
... (more details)
webpack 4.35.2
Any advice or insights on how to tackle this?
Best regards,
Nuru
EDIT: The content of my polyfills.ts file:
(content matching original code...)
import 'zone.js/dist/zone';
I also attempted to install and import typedarray
and blobjs
with no success
As well as my list of dependencies:
(content matching original code...)
"zone.js": "~0.9.1"