如何解决vue-cli项目在IE浏览器打开时出现的报错问题？

本文共计426个文字，预计阅读时间需要2分钟。

首先，请了解VUE官网已明确说明仅支持IE8及以上版本（不包括IE8）。CSS弹性布局flex在各浏览器支持情况如下：

- 假如项目使用弹性布局，则仅支持IE10及以上版本。- 对于其他低版本浏览器兼容性，请另行查阅相关资料。

首先要知道VUE官网已表明仅支持IE8以上版本（不包括IE8），css弹性布局flex各浏览器支持如下:

假如项目用到弹性布局，则项目仅支持IE10以上版本。

另外兼容其他低版本的，请另寻它法。

网上说的本人试了都是没用的，下面是亲自试验的解决方法。

1. 问题 ：ie浏览器打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser;

解决方法：

安装babel-polyfill

npm install babel-polyfill --save-dev

关于网上说的babel-polyfill 需要设置很多地方，本人亲测没有必要那么麻烦，在入口文件main.js引入即可。

import 'babel-polyfill'

2.问题：ie浏览器autoprefixer自动补全css前缀无效

解决方法：

ie发现使用内联样式，autoprefixer无法生效，所以需要写到style标签内。