Проект VUE CLI-3 не работает на IE-11 - PullRequest
Новая
       11

Проект VUE CLI-3 не работает на IE-11

0 голосов
/ 28 августа 2018

Я создал проект в vuejs, используя vue-cli3. Он отлично работает в браузере Chrome, но в версии IE-11 пустой экран отображается со следующей ошибкой в ​​консоли, как указано в этой ссылке: https://drive.google.com/file/d/1QaNwK1ekI2BwFsFyjvgbSsvwHBCmlcAD/view?usp=drivesdk При нажатии на ошибку консоли, на которую я указал на скриншоте выше, открывается экран, отображаемый в указанной ссылке https://drive.google.com/file/d/1_QXVjcw3cmqeC70LfNyLcr__rnXVIZIh/view?usp=drivesdk с ошибкой в ​​пакете mini-toastr: Вот мой код файла babel.config.js: 

module.exports = {
  presets: [
   ['@vue/app', {
      polyfills: [
        'es6.promise',
        'es6.symbol'
      ]
    }]
  ]
}

и код файла .browserslistrc: 

> 1%
last 2 versions
not ie <= 8

Я не понимаю, где я делаю ошибку. Я что-то пропустил? Если кому-то нужна дополнительная информация, пожалуйста, дайте мне знать. Спасибо!

Ответы [ 2 ]

0 голосов
/ 08 февраля 2019

Другое решение: используйте возможности vue-cli-3 для поддержки браузера: https://cli.vuejs.org/guide/browser-compatibility.html#modern-mode

Только один вариант при сборке, и все готово, как только вы выбрали список браузеров для поддержки: -)

Это должно хорошо работать для создания приложения.

0 голосов
/ 31 августа 2018

Я наконец-то закончил с решением вышеуказанного вопроса. Чтобы запустить проект в версии IE-11, просто выполните 2 шага:

  1. Установите babel-polyfill с помощью команды "npm install --save babel-polyfill".
  2. Импортируйте babel-polyfill в файл main.js или index.js вверху всех импортируемых пакетов. Например, вот ваш main.js файл.

Примечание : если в конце импортировать babel-polyfill, это не сработает. 

import 'babel-polyfill'  
import Vue from 'vue'
import Vuetify from 'vuetify'

import router from './router'
// include script file
import './lib/DemoScript'

// include all css files
import './lib/DemoCss'

Vue.use(Vuetify)

new Vue({
    store,
    router,
    render: h => h(App),
    components: { App }
}).$mount('#app')
...