search

JayChase / angular2-useful-swiper

Use iDangero.us' great slider, Swiper in Angular 2.
MIT License
101 stars 33 forks source link

Error SCRIPT 10002 on IE11 #68

Open fabioaliprandi opened 4 years ago

fabioaliprandi commented 4 years ago

Hi, I can't get the library to work on IE11. I do not find any anomaly on all other browsers. This is my polifylls.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/es6/reflect'; import 'core-js/es7/array'; import 'core-js/es7/object'; import 'web-animations-js'; if (document['documentMode'] || /Edge/.test(navigator.userAgent)) { (window as any).__Zone_enable_cross_context_check = true; } import 'zone.js/dist/zone'; // Included with Angular CLI. if (typeof SVGElement.prototype.contains == 'undefined') { SVGElement.prototype.contains = HTMLDivElement.prototype.contains; }

this is my tsconfig.json :

{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es5", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2017", "dom" ] } }

and then, my package.json :

{ "name": "test", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^7.0.0", "@angular/common": "^7.0.0", "@angular/compiler": "^7.0.0", "@angular/core": "^7.0.0", "@angular/forms": "^7.0.0", "@angular/http": "^7.0.0", "@angular/platform-browser": "^7.0.0", "@angular/platform-browser-dynamic": "^7.0.0", "@angular/router": "^7.0.0", "@ng-toolkit/universal": "^7.1.2", "@ngx-translate/core": "^11.0.1", "@ngx-translate/http-loader": "^4.0.0", "angular-google-tag-manager": "^1.1.1", "chart.js": "^2.8.0", "classlist.js": "^1.1.20150312", "core-js": "^2.5.4", "moment": "^2.24.0", "ng2-charts": "^2.2.0", "ng2-nouislider": "^1.8.2", "ng2-pdf-viewer": "^6.0.1", "ngx-useful-swiper": "^8.0.1", "nouislider": "^13.1.5", "rxjs": "^6.0.0", "swiper": "^4.5.0", "web-animations-js": "^2.3.2", "zone.js": "^0.8.26" }, "devDependencies": { "@angular-devkit/build-angular": "^0.6.8", "@angular/cli": "^6.0.8", "@angular/compiler-cli": "^7.0.0", "@angular/language-service": "^7.0.0", "@types/jasmine": "~2.8.6", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", "@types/swiper": "^4.4.4", "codelyzer": "~4.2.1", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~1.7.1", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.0", "karma-jasmine": "~1.1.1", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.3.0", "ts-node": "~5.0.1", "tslint": "~5.9.1", "typescript": "~3.1.1" } }

km4r commented 4 years ago

I'm facing the same issue, seems like something is wrong with ES5 support

fabioaliprandi commented 4 years ago

I'm facing the same issue, seems like something is wrong with ES5 support

I tried with 3.4.2v of Swiper and previous ngx-useful-swiper versions, with the same results. I don't know where to bang my head =(. Can someone help me?

aminsmartsenese commented 4 years ago

I'm facing the same issue. Please help in this.

ahirhasmukh commented 4 years ago

@fabioaliprandi @aminsmartsenese I am facing also the same issue. Can you resolve or give me a hint of it

fabioaliprandi commented 4 years ago

@fabioaliprandi @aminsmartsenese I am facing also the same issue. Can you resolve or give me a hint of it

No Updates. I opened this issue for this reason =(

JayChase commented 4 years ago

Can someone create this in a stackblitz? The demo version run's without error in IE11 https://ngx-useful-swiper.stackblitz.io/ so it's a good reference for checking polyfills and dependencies.

km4r commented 4 years ago

Can someone create this in a stackblitz? The demo version run's without error in IE11 https://ngx-useful-swiper.stackblitz.io/ so it's a good reference for checking polyfills and dependencies.

For me it doesn't work on IE 11, but errors are quite different - I think stackblitz just doesn't work on IE even with a basic configuration

JayChase commented 4 years ago

I can open the above link in ie11 (app only the stackblitz editor is not ie compatible)

Get Outlook for Androidhttps://aka.ms/ghei36

From: mkierat notifications@github.com Sent: Monday, February 17, 2020 10:12:38 PM To: JayChase/angular2-useful-swiper angular2-useful-swiper@noreply.github.com Cc: JayChase jonathanchase@outlook.com; Comment comment@noreply.github.com Subject: Re: [JayChase/angular2-useful-swiper] Error SCRIPT 10002 on IE11 (#68)

Can someone create this in a stackblitz? The demo version run's without error in IE11 https://ngx-useful-swiper.stackblitz.io/ so it's a good reference for checking polyfills and dependencies.

For me it doesn't work on IE 11, but errors are quite different - I think stackblitz just doesn't work on IE even with a basic configuration

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/JayChase/angular2-useful-swiper/issues/68?email_source=notifications&email_token=ABTQZOPKOILEYPD2G5ZBCYDRDKEMNA5CNFSM4KNAH2NKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEL6LOGI#issuecomment-586987289, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ABTQZOOGKNYFPRSHRWVJ77TRDKEMNANCNFSM4KNAH2NA.

fabioaliprandi commented 4 years ago

I can open the above link in ie11 (app only the stackblitz editor is not ie compatible) Get Outlook for Androidhttps://aka.ms/ghei36 … ____ From: mkierat notifications@github.com Sent: Monday, February 17, 2020 10:12:38 PM To: JayChase/angular2-useful-swiper angular2-useful-swiper@noreply.github.com Cc: JayChase jonathanchase@outlook.com; Comment comment@noreply.github.com Subject: Re: [JayChase/angular2-useful-swiper] Error SCRIPT 10002 on IE11 (#68) Can someone create this in a stackblitz? The demo version run's without error in IE11 https://ngx-useful-swiper.stackblitz.io/ so it's a good reference for checking polyfills and dependencies. For me it doesn't work on IE 11, but errors are quite different - I think stackblitz just doesn't work on IE even with a basic configuration — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#68?email_source=notifications&email_token=ABTQZOPKOILEYPD2G5ZBCYDRDKEMNA5CNFSM4KNAH2NKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEL6LOGI#issuecomment-586987289>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ABTQZOOGKNYFPRSHRWVJ77TRDKEMNANCNFSM4KNAH2NA.

Hi! Can you try with configs I set above? (Angular 7, es5 ..) Maybe es5 can be the issue, but I suppose there is a solution.......

km4r commented 4 years ago

Sorry, I was forcing IE version to an older one accidentally, so I can confirm now that the stackblitz app works in IE 11.

I can't reproduce that syntax error in stackblitz. Instead of this I reproduced it easily on my localhost using a fresh angular 9 project + example ngx-useful-swiper config.