Vue+ElementUI构建的项目在Chrome或其他浏览器下显示正常,但是在IE浏览器下无法显示不了。现将解决方法记录如下:
1.在项目中安装babel-polyfill,终端执行命令:npm install --save babel-polyfill
2.在index.html里面加上:<meta http-equiv="X-UA-Compatible" content="IE=edge" />
3.在main.js里面加入 import 'babel-polyfill'
4.webpack.base.conf.js下修改配置项:
将module.exports中的entry修改为以下代码
entry: {
app: ["babel-polyfill",'./src/main.js']
},
5.重新运行程序(必须重新运行程序,否则无效)
然后用IE浏览器访问程序,显示正常。