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中兼容性视图设置会导致页面白屏报错
ie 浏览器不兼容引起白屏问题_第1张图片
ie 浏览器不兼容引起白屏问题_第2张图片
添加兼容性头部

  

你可能感兴趣的:(问题记录,vue)