1、使用babel-polyfill
npm i -S babel-polyfill
2. import ‘babel-polyfill’ 引入到main.js
3.在index.html 加入以下代码
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
4.babel-loader 中指定模块转码 增加了poly-fill还是报错,这一般是使用了第三方的ui框架、库、插件等,并且这些ui框架、库、插件底层有es6的语法。
//找到webpack.base.conf.js 中的babel-loader 的内容修改
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve('test'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/v-charts/src'),
resolve('node_modules/vue-awesome'),
resolve('node_modules/element-ui/packages'),
resolve('node_modules/element-ui/src')
]
}
5.重启项目