vue ie浏览器兼容
注意:
vue 只兼容ie8以上版本;
IE 不兼容 axios的promiss对象;
IE 不兼容es6语法;
ES6转ES5
一、关于babel-polyfill
1、说明:This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool. This polyfill is automatically loaded when using babel-node.(模拟ES2015以上的环境,主要用于对ES6新语法不支持的浏览器);
2、安装:npm install --save babel-polyfill;
3、配置:module.exports = { entry: [“babel-polyfill”, “./src/main.js”] };
4、main.js中配置:import ‘babel-polyfill’ //放在最顶部,确保全面加载。
二、关于es6-promise
1、说明:若在项目中使用了ES6 promise对象,它在Chrome、Safari浏览器下可以正常运行,但在360兼容模式、IE内核中不支持;
2、安装:npm install es6-promise;
3、配置:在main.js中加入require(‘es6-promise’).polyfill(),用于在node或浏览器中支持ES6 与CommonJS。
四、可能会出现的问题:
当把这些攻略都做了一遍后,发现打包完的360的急速模式可以了(本地运行还是不可以),但是!!!ie浏览器,360兼容模式,不管打包还是没打包,都不能显示,完全没有加载进去数据,
控制台问题如图:
查询后发现,是因为IE没有这个方法,不支持sessionStorage,解决的方法是:IE本地调试用cookie,或者用webstrom打开项目,但我确实用的webstorm打开的项目,还是不可以,后来找到解决方法,要把es6转es5!
转换语句:npm i babel-preset-es2015
并且在项目的根目录下,修改.babelrc的内容,添加’es2015’
注:若无.babelrc文件,可自行添加一个
安装 npm i classlist-polyfill,并且在webpack.base.conf.js中,添加’classlist-polyfill’
vue ie浏览器兼容相关推荐
- vue项目浏览器兼容问题
vue项目浏览器兼容问题 Vue项目修改默认滚动条样式:element-ui隐藏标签el-scrollbar.vuescroll插件: IE浏览器不兼容vue-socket.io:vue-socket ...
- ie input兼容 vue_IE浏览器兼容问题(基于vue)
1.IE浏览器打开网站后显示空白,并报错:Error in created hook: "ReferenceError: "Promise"未定义" 方法:安装 ...
- 前端主流浏览器兼容写法(css、js)以及主流框架vue,react的兼容性
前言: 前端样式很重要,但是因为浏览器种类繁多,内核不同,会导致各种兼容问题.尤其ie,但好在微软对ie不在更新了. 常见浏览器: 常见的浏览器有:IE.Edge(替代了ie).Firefox.QQ浏 ...
- vue项目中浏览器兼容问题
vue项目中浏览器兼容问题 1.安装 npm install --save babel-polyfill npm install es6-promise --save 2.在main.js中引入(最好 ...
- vue检测是不是360浏览器兼容模式_360安全浏览器兼容模式无法访问vue怎么解决?...
360安全浏览器兼容模式无法访问vue怎么解决?下面本篇文章给大家介绍一下vue在IE和360兼容模式下无法显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 360兼容模式下 ...
- vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...
记一次bug解决 bug发现 项目不复杂,就是一个基于vue-cli3搭建的pc端项目 在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq ...
- 【Day05】Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5?
Html5 有哪些新特性?如何处理 Html5 新标签的浏览器兼容问题?如何区分 Html 和 Html5? 一.Html5 新特性 1. 拖拽释放(Drag and drop)API 2. 语义化更 ...
- 【Vue实用功能】Vue实现浏览器全屏退出全屏
Vue实现浏览器全屏 vue代码 <v-btn class="ml-2" @click="fullScreen" v-show="!is_sma ...
- Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘
一.问题描述 Vue CLI3打包上线后的代码使用IE11打开后是空白的,控制台报错: SCRIPT1003: 缺少 ':' app.js (304501,83045) 其他浏览器打开没问题,问题定位 ...
最新文章
- 在ubuntu 14.04 64bit上安装酷我音乐盒Linux客户端kwplayer
- 解决multiple definition of的方法
- C语言中的sizeof中的数组和指针
- sqlserver 获取当前年_CVE-2020-0618: 微软 SQL Server 远程代码执行漏洞通告
- appcompat_v7\res\values-v21\themes_base.xml:158: error: Error: No resource
- Python 技术篇-pip安装提示:‘pip‘ 不是内部或外部命令,也不是可运行的程序或批处理文件,问题解决方法
- esxi 7.0 封装瑞昱网卡驱动_小科普 | 无线网卡怎么选?
- d3.js 简介和安装
- Attachment rename issue in Faas
- linux内核的nfs实现框架
- Python基础——zip
- 转:libatk-bridge.so错误解决
- 抖音品质建设 - iOS启动优化《原理篇》
- 2017计算机驱动用什么好处,驱动精灵和驱动人生哪个好2017
- uni-app实现微信小程序一键登录
- 蛮力法 第4关:韩信点兵问题
- 深度模型的日志异常检测,还有谁不会?
- Unity实用小工具或脚本——读写Json工具
- 对 BFC 规范(块级格式化上下文:block formatting context)的理解?
- Shopify好用的开发插件/网站编辑插件