vue-cli 项目在IE浏览器下无法打开

转自 https://blog.csdn.net/ywcsd/article/details/82255650

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

browser;

解决方法：

安装babel-polyfill

npm install babel-polyfill --save-dev

在入口文件main.js引入即可。

 import 'babel-polyfill'

如果用了官方脚手架vue-cli，还需要在webpack.config.js配置文件中做修改：

module.exports = {
 entry: {
 app: ["babel-polyfill", "./src/main.js"]
 }
};

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

解决方法：

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

3.问题：ie10打开包语法错误，如图所示

解决方法

点击app.js,跳转到报错的位置，如图

发现最后一行有个import的文件，所以锁定到错误肯定是在引入的这个文件内。

把common.js打开，检查语法，发现有个变量定义用了ES6的语法let。所以引入的文件，插件没有起作用。

没有将ES6转ES5。然后修改了。