How to set vue.js project compatibility for IE 11?

Question

Internet Explorer

Actually a subject. Babel doesn't help.

Answer 1

You need to transpile not only your code, but also the vuetify code:

// vue.config.js

module.exports = {
  transpileDependencies: ['vuetify']
}

This is stated in the vuetify doc - https://vuetifyjs.com/en/getting-started/quick-sta...

Answer 2

I finally got it to work, the answer from Kirill Romanov was very helpful.
What to do:
1) install [email protected]
npm install [email protected]
2) edit main.js like this:

import 'core-js/stable'
    import Vue from 'vue'
    import '@/plugins/vuetify'
    {...}

3) edit babel.config.js

module.exports = {
      presets: [
        ['@vue/app', { useBuiltIns: 'entry' }]
      ]
    }

Answer 3

you can also try to include it @babel/polyfillin main.js if you haven't already done so

Answer 4

The article that helped me solve my compatibility issue:
https://jacklyons.me/how-to-fix-vuejs-not-working-...