vue-cli 项目兼容ie浏览器的方法
2018-01-24 17:24
423 查看
问题描述
ie11打开vue2.0项目空白,控制台报错vuex requires a Promise polyfill in this browser;
原因
Babel 默认只转换新的 JavaScript 句法(syntax),而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。简单地说,polyfill即是在当前运行环境中用来复制(意指模拟性的复制,而不是拷贝)尚不存在的原生 api 的代码。
解决办法
首先
安装babel-polyfill
npm install babel-polyfill --save-dev
入口文件引用
在main.js中引用
import 'babel-polyfill'
vue-cli 配置修改
如果也是用了官方脚手架vue-cli,还需要在webpack.config.js配置文件中做各修改,用module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"] } };
替代
module.exports = { entry: { app: './src/main.js' } }
如果有多配置可以在webpack.base.config.js修改
参考文章:https://www.jianshu.com/p/7ba32fb7149e
相关文章推荐
- 饿了么项目---1、vue-cli快速构建项目(包括兼容老项目时需引入bootstrap、jquery的方法)
- 在vue-cli项目中使用bootstrap的方法示例
- vue-cli项目修改文件热重载失效的解决方法
- vue-cli+webpack项目 修改项目名称的方法
- vue-cli webpack模板项目搭建及打包时路径问题的解决方法
- 基于vue-cli的vue项目之axios的使用5--axios方法发送请求
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- 使用vue-cli(vue脚手架)快速搭建项目的方法
- 用npm安装vue和vue-cli,并使用webpack创建项目的方法
- webpack+vue-cli项目中引入外部非模块格式js的方法
- Intellij IDEA搭建vue-cli项目的方法步骤
- vue-cli2.x项目优化之引入本地静态库文件的方法
- 利用vue-cli创建新项目和引入Bootstrap的方法
- 基于vue-cli的vue项目之路由5--router.push,go,replace方法
- Vue项目兼容IE浏览器
- vue-cli + webpack 新建项目出错的解决方法
- 使用electron将vue-cli项目打包成exe的方法
- 使用Vue-cli 3.0搭建Vue项目的方法
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- vue-cli + webpack 新建项目出错的解决方法