Как настроить совместимость проекта vue.js для IE 11?

Question

[Richard Millie]

Собственно сабж. Babel не помогает.

Comments

[Алекс Глебов]

какие ошибки в консоли?

[Richard Millie]

Алекс Глебов,

[vouvouvotche]

а в вэбпаке devtool какой указан? если с eval, то попробуйте заменить или поставить 'none' для проверки

[vouvouvotche]

babel-presets-env установлен и в таргетсах ие11 указан? скинули бы конфиг

[Richard Millie]

vouvouvotche, webpack.config.js

var service = process.VUE_CLI_SERVICE

if (!service || process.env.VUE_CLI_API_MODE) {
  var Service = require('./lib/Service')
  service = new Service(process.env.VUE_CLI_CONTEXT || process.cwd())
  service.init(process.env.VUE_CLI_MODE || process.env.NODE_ENV)
}

module.exports = service.resolveWebpackConfig()

[Richard Millie]

vouvouvotche,

babel-presets-env установлен и в таргетсах ие11 указан?

+

Answer 1

[Кирилл Романов]

Нужно транспилировать не только свой код, а и код vuetify:

// vue.config.js

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

Об этом сказано в доке vuetify - https://vuetifyjs.com/en/getting-started/quick-sta...

Answer 2

[Richard Millie]

Я наконец-то заставил его работать, ответ от Кирилл Романов был очень полезным.
Что нужно сделать:
1) установить core-js@3

npm install core-js@3

2) отредактируйте main.js вот так:

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

3) редактировать babel.config.js

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

Answer 3

[profesor08]

https://cli.vuejs.org/ru/guide/browser-compatibili...

Если я не ошибаюсь, там из коробки поддержка IE9+, так что косяк явно в твоем коде, либо в модулях подключенных, которые ты не трансплитишь.

Answer 4

[#FFFFFF]

еще можно попробовать подключить @babel/polyfill в main.js, если еще этого не сделали

Comments

[Richard Millie]

установил используя yarn add @babel/polyfill , потом добавил в мейн import '@babel/polyfill'
Все равно не помогает

Answer 5

[Андрей Чирков]

Статья которая помогла решить мне проблему с совместимостью:
https://jacklyons.me/how-to-fix-vuejs-not-working-...