Vue CLI 3 + Vuetify - 不支持IE 11（Babel不进行转译？）

Question

我正在使用Vue CLI 3和Vuetify进行项目开发。它在Chrome和iOS 12上运行良好，但在IE11和iOS Safari <12上显示为空白页面。IE11控制台显示：SCRIPT1003: Expected ':'

我认为这是因为Babel没有将ES6语法（箭头函数，spread等）转换为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

请帮助我！谢谢。

- NGAN B. NGUYEN

---

将 useBuiltIns 的值从 entry 更改为 usage，并从 main.js 中删除 import '@babel/polyfill'。 - im_tsm

Answer 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

- Kaier33

---

以下是关于“如何编写一个好答案”的一些指南：此提供的答案可能是正确的，但它可以从解释中受益。仅代码的回答不被认为是“好”的回答。来自审核。 - Trenton McKinney