安装两个依赖环境
yarn add babel-polyfill -D yarn add babel-preset-es2015 babel-cli -D
在main.js中引入babel-polyfill
import 'babel-polyfill'
在webpack.base.conf.js文件中做如下修改
entry:{
app:['babel-polyfill','./src/main.js']
},
在项目根目录新建.babelrc文件夹，文件内容如下
{
"presets": [
"es2015",
["env", {
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime"],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
}
}
}
在使用360兼容模式打开，如果问题还没解决看下面
1、在index.html中添加
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
2、在webpack.base.conf.js中添加
static文件里面有我写入的其它js文件
3、文件夹命名不能用汉字