I have an Angular app generated with the CLI. Angular version 9.0.6
This app loads perfectly on Internet Explorer 11 but doesn't in Edge. in Edge, the network request shows that some bundles are pending and they don't finish downloading, thus it says not responding.
I am also suspecting a NPM package called ngx-swiper-wrapper(9.0.1)
as this causes the app not to work when tested locally on port 4200 both IE 11 and Edge.
On production/test ENV the app loads on IE but not on Edge, is there something I am missing?
When un-commenting the following lines in the polyfills.ts
import 'web-animations-js'
import 'classlist.js';
import 'zone.js/dist/zone';
After installing web-animations-js and classlist.js, the app does not work on both IE and Edge. It cries about the following on IE
SCRIPT1002: Syntax error
vendor.js (46943,1)
Which goes to some line with class Dom7 { ......
How can I fix this, I cannot seem to figure it out.
My Node/Express server does have the following headers
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept,Authorization");
res.header("Access-Control-Allow-Methods","POST,GET,PUT,DELETE,OPTION");
next();
});
There's no error on the developer tools. Here is a reproduction link
UPDATE This issue is caused by the library I am using, not Angular itself. There is an open issue respecting this here.