1、安装babel-polyfill npm install --save babel-polyfill
安装成功后在package.json中显示相关依赖;2、在main.js中引入babel-polyfill import 'babel-polyfill'3、在index.html中加入以下代码(选择项) <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">4、在config中的webpack.base.conf.js中修改module.exports中配置 entry:{ app:['babel-polyfill','./src/main.js'] // 修改前 app: '/src/main.js' }
5、如果还未解决,说明是项目插件问题
检查项目中各个插件是否是es6语法若通过babel-polyfill未能转换成es5,则换插件,下面以element-ui为例进行说明
module:{
rule:{
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('node_modules/element-ui/src')]
},