Quasar is not working in IE11

[jmriyaz84]

Hi Team,
Today I have started learning Quasar , from quasar cli i have created project quasar create <<Project_Name>> , then in quasar.config.js i add “supportIE: true,” then in package.json i add “ie 11” on browserslist but still application is not working in IE11 . It shows blank page . Please help me , if i missed anything.

[jmriyaz84]

Hi Team,
Any update ? I can’t proceed forward …

[dobbel]

So you have a new (clean) project without 3d party ( non quasar) dependency’s?

I also had problems with ie11( white screen) . But after removing some dependencies I discovered it was some vue plugin( non quasar) I used that caused the ie11 white screen.

[jmriyaz84]

But in my case I dont have any dependency , my package.json is look like below ,

“scripts”: {
“lint”: “eslint --ext .js,.vue ./”,
“test”: “echo “No test specified” && exit 0”
},
“dependencies”: {
“@quasar/extras”: “^1.0.0”,
“core-js”: “^3.6.5”,
“quasar”: “^1.0.0”
},
“devDependencies”: {
“@quasar/app”: “^2.0.0”,
“babel-eslint”: “^10.0.1”,
“eslint”: “^6.8.0”,
“eslint-config-prettier”: “^6.9.0”,
“eslint-loader”: “^3.0.3”,
“eslint-plugin-vue”: “^6.1.2”
},
“browserslist”: [
“last 10 Chrome versions”,
“last 10 Firefox versions”,
“last 4 Edge versions”,
“last 7 Safari versions”,
“last 8 Android versions”,
“last 8 ChromeAndroid versions”,
“last 8 FirefoxAndroid versions”,
“last 10 iOS versions”,
“last 5 Opera versions”,
“ie 11”
],
“engines”: {
“node”: “>= 10.18.1”,
“npm”: “>= 6.13.4”,
“yarn”: “>= 1.21.1”
}

[jmriyaz84]

I am really disappointed with quasar because our legacy application use IE11 on that application I want to use vue with quasar , but quasar doesn’t support IE11 , documentation says it will support but it won’t.

i upgrade my quasar cli version to 2.0.6 still hello-world sample application itself comes as blank page with following error.

Script1002:Syntax error
vendor.js(3557,1) issue appears nead eval statement.

package.json

“scripts”: {
“lint”: “eslint --ext .js,.vue ./”,
“test”: “echo “No test specified” && exit 0”
},
“dependencies”: {
“@quasar/extras”: “^1.0.0”,
“core-js”: “^3.6.5”,
“quasar”: “^1.0.0”
},
“devDependencies”: {
“@quasar/app”: “^2.0.0”,
“babel-eslint”: “^10.0.1”,
“eslint”: “^6.8.0”,
“eslint-config-prettier”: “^6.9.0”,
“eslint-loader”: “^3.0.3”,
“eslint-plugin-vue”: “^6.1.2”
},
“browserslist”: [
“last 10 Chrome versions”,
“last 10 Firefox versions”,
“last 4 Edge versions”,
“last 7 Safari versions”,
“last 8 Android versions”,
“last 8 ChromeAndroid versions”,
“last 8 FirefoxAndroid versions”,
“last 10 iOS versions”,
“last 5 Opera versions”,
“ie 11”
],
“engines”: {
“node”: “>= 10.18.1”,
“npm”: “>= 6.13.4”,
“yarn”: “>= 1.21.1”
}
}

quasar.config.js

module.exports = function (/* ctx */) {
return {
// https://quasar.dev/quasar-cli/supporting-ts
supportTS: false,
supportIE: true,

any help would be great.

[jmriyaz84]

Dear Team,
It works after quasar build , but is there any way we can test application in IE without bundle .

[dobbel]

you could post an issue on github…

ie11 used to work in dev mode.( before @quasar/app 2.x.x|)

[jmriyaz84]

Thanks dobbel for your suggestion