我正在使用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
请帮助我!谢谢。
useBuiltIns
的值从entry
更改为usage
,并从main.js
中删除import '@babel/polyfill'
。 - im_tsm