ie 浏览器不兼容引起白屏问题

问题描述

vue代码在谷歌中正常使用，但是在ie中显示白屏

原因和解决方法

Vue使用了ES6 Promise的问题，而IE浏览器不支持，解决方法是:使用babel-polyfill转换安装命令代码。
1.安装bebel-polyfill npm i --save-dev babel-polyfill
2. main.js中引入 babel-polyfill import "babel-polyfill"
3. webpack.config.js中添加以下代码

 require("babel-polyfill") 
 entry:{
 		app:["babel-polyfill","./src/main.js"]
 }

其他问题

ie中兼容性视图设置会导致页面白屏报错


添加兼容性头部

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">