1、最近在项目中遇到了甲方的设备是安卓4.4的一个平板电脑,此时vue不兼容,因为不支持es6的语法。
2、解决方法:
首先安装插件(使用cnpm请先安装,没有安装也可使用npm下载):
cnpm install babel-polyfill
cnpm install es6-promise
在你的vue项目中,找到main.js,引入以下代码:
import 'babel-polyfill' //如果在webpack.base.conf.js 已经引入babel-polyfill,则此处不需要再引入,否则会报错
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()
在你的vue项目中的build文件夹下,找到webpack.base.conf.js,引入以下代码:
module.exports = {
entry: {
"babel-polyfill": "babel-polyfill",
app: './src/main.js'
// 还可以这样写 app: ['babel-polyfill', './src/main.js']
},
如果报错:Uncaught Error: only one instance of babel-polyfill is allowed。 原因就是只能引入一次babel-polyfill
然后你引入了两次,删除main.js中的相关代码即可。