[v0.14] IE11/Edge compatbility

pdanpdan

@keyb2004
Hi. It’s done and tested on IE and Edge (this time also on Edge ).
https://github.com/quasarframework/quasar/pull/685
It’s merged in dev, but it’s not yet in quasar-edge.
If you want you can get a slightly modified build from https://github.com/pdanpdan/quasar

rstoenescu

Deployed to edge. So any fixes are there.

keyb2004

Thank you for your help!

rv

Hi, I am experience similar issue with IE 11 compatibility and getting blank pages.
IE: 11.0.46
Quasar: 0.14.5
Vue: 2.4.4

Installed ‘es6promises’
Added recommended IE support lines in main.js

// Uncomment the following lines if you need IE11/Edge support
require(`quasar/dist/quasar.ie`)
require(`quasar/dist/quasar.ie.${__THEME}.css`)

// Polyfills for IE support
import es6Promise from 'es6-promise'
es6Promise.polyfill()
import 'babel-polyfill'

I am getting following error in IE console and blank pages:

SCRIPT1003: Expected ':'
File: app.js, Line: 2614, Column: 1

Any help is appreciated!

rv

Found the problem. Definitely not an issue with quasar; it was some third party module which was causing issues with IE. To be specific it was vue2-filters (https://github.com/freearhey/vue2-filters).
Here are two active issues which I was also facing - #33 & #32.

I removed this module and my quasar app worked fine on IE. I think will be adding custom filters or will user Quasar’s css helper classes which I was not aware of before.

Thanks!

rstoenescu

@rv said in [v0.14] IE11/Edge compatbility:

// Polyfills for IE support
import es6Promise from 'es6-promise'
es6Promise.polyfill()
import 'babel-polyfill'

Essentially this is what require('quasar/dist/quasar.ie') does. Why do you need that added?

rv

@rstoenescu said in [v0.14] IE11/Edge compatbility:

t/quasar.ie

Thanks. I didn’t realize and removed es6-promise specific lines. But I would need import 'babel-polyfills' to solve other IE compatibility issue like -

"TypeError: Object doesn't support property or method 'assign'"

rstoenescu

Are there any other errors that you get? I will add Object.assign to the IE polyfills list.

rv

@rstoenescu Nop - that was it!

And I can only post once every 120 seconds…

rstoenescu

@rv thanks. changed to 15 seconds now.

walfin

Hi, looking for some help here. I read on the old docs that I need to uncomment 2 lines in main.js to enable IE11/Edge support. However, I couldn’t find any main.js. How do I enable Edge support? Currently, I am facing a blank screen in Edge with this error, “SCRIPT1028: SCRIPT1028: Expected identifier, string or number”.

s.molinari

@walfin - Are you using v0.14?

Scott

walfin

No, 1.6.1.

s.molinari

Why are you then asking in an old thread about v 0.14?

Here are the instructions in the new docs.

https://quasar.dev/quasar-cli/cli-documentation/supporting-ie#Installation-of-IE-Support

Scott

walfin

@s-molinari Thanks for the link. However, I have just tried re-compiling with supportIE set to true and my app still displays a blank page in both IE and Edge. Maybe IE is just a problem browser.

s.molinari

And it works in other browsers? Any errors in the dev console?

Scott

rstoenescu

@walfin upgrade to latest Quasar. v1.6.1 is pretty old.

walfin

@rstoenescu Upgraded. Nope. Same inscrutable error: SCRIPT1028: SCRIPT1028: Expected identifier, string or number. I guess I will have to give up supporting IE.

s.molinari

http://mikemclin.net/fixing-error-script1028-expected-identifier-string-or-number/

Scott

walfin

I’m guessing it’s caused by spread operator. That’s what I see in my code. I suspect babel is not transpiling the spread operators. How do I add the spread operator plugin to the webpack config in quasar.conf.js?

No More Posting New Topics!

[v0.14] IE11/Edge compatbility