vue 项目兼容IE浏览器和360浏览器
vue 项目在IE浏览器和360兼容模式显示空白解决方法
1. 安装 babel-polyfill
模拟ES2015以上的环境,主要用于对ES6新语法不支持的浏览器.
安装: npm install babel-polyfill --save-dev
配置:
main.js 在最顶部添加,确保全面加载
import 'babel-polyfill'
webpack.base.conf.js 中
app入口添加 "babel-polyfill":
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
}
}
2. 安装 es6-promise
解决 ES6 promise 对象兼容问题.
安装: npm install es6-promise --save-dev
配置:
main.js 在'babel-polyfill'后引入,即:
import 'babel-polyfill'
import promise from 'es6-promise'
promise.polyfill()
3. 安装 babel-preset-es20