Vue CLI 3 + Vuetify-在IE 11上不起作用(Babel不能转换吗?)

时间:2018-11-21 20:58:53

标签: babel vuetify.js vue-cli-3 babel-polyfill

我将Vue CLI 3与Vuetify一起用于我的项目。它在Chrome和iOS 12上运行良好,但在IE11和iOS Safari <12上显示空白页。IE11中的控制台显示:SCRIPT1003: Expected ':'

我认为这是因为Babel不会将ES6语法(箭头功能,传播等)转换为ES5语法。运行yarn build之后,我仍然在编译后的代码中看到它。

这是我的babel.config.js:

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

这是我的.browserslistrc

//.browserslistrc
> 1%
last 2 versions
not ie <= 8

main.js是这样的:

// main.js
import '@babel/polyfill'
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
import router from './router'
import store from './store/store'
import { firebaseListener } from './firebaseConfig'

Vue.config.productionTip = false

请帮助我! 谢谢和问候。

1 个答案:

答案 0 :(得分:1)

babel.config.js

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

main.js

import '@babel/polyfill' // At the top of the file, and make sure @babel/polyfill is installed