html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题

注意：html

vue 只兼容ie8以上版本；

IE 不兼容 axios的promiss对象;

IE 不兼容es6语法；

ES6转ES5

1、关于babel-polyfillvue

一、说明：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新语法不支持的浏览器)；node

二、安装：npm install --save babel-polyfill；ios

三、配置：module.exports = { entry: ["babel-polyfill", "./src/main.js"] };es6

四、main.js中配置：import 'babel-polyfill' //放在最顶部，确保全面加载。web

2、关于es6-promisenpm

一、说明：若在项目中使用了ES6 promise对象，它在Chrome、Safari浏览器下能够正常运行，但在360兼容模式、IE内核中不支持；json

二、安装：npm install es6-promise；axios

三、配置：在main.js中加入require('es6-promise').polyfill()，用于在node或浏览器中支持ES6 与CommonJS。promise

3、步骤详细图

一、index引入这句话或者这三句话

二、执行npm install --save babel-polyfill；

执行完上面语句package.json里面就有了这个依赖(检查2部是否执行完成的一个结果)

三、最上面引入，确保加载进去。

四、修改entery里面的内容改为下图那样

4、问题如图：

当把这些攻略都作了一遍后，发现打包完的360的急速模式能够了(本地运行仍是不能够)，可是！！！ie浏览器，360兼容模式，无论打包仍是没打包，都不能显示，彻底没有加载进去数据，以下图

而且还报错如下未定的错

(1)、

查询后发现，是由于IE没有这个方法，不支持sessionStorage，解决的方法是：IE本地调试用cookie，或者用webstrom打开项目，但我确实用的webstorm打开的项目，仍是不能够，后来找到解决方法，要把es6转es5！

转换语句：npm i babel-preset-es2015

而且在项目的根目录下，修改.babelrc的内容，添加'es2015'

发现不报未定义的错了，开始报下图的错

安装 npm i classlist-polyfill,而且在base.config.js中，添加'classlist-polyfill'

而后，npm run dev，竟然能够了适配了。

注意：若是引用了swiper的宝宝，记得要单独安装插件适配IE浏览器哦

由于你们的环境，装的依赖，用的组件等等都不相同，致使遇到的状况可能不一致，若是有其余要注意兼容的地方出现了，欢迎你们指出，多多题意见

html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题相关推荐

Vue（七）：Vue项目兼容IE11（解决第三方依赖打包后IE报错问题）
写在开头不建议使用IE win7 XP 等微软已经放弃支持的产品不建议用户过着原始人的生活创建项目 node版本 vue版本 - 安装所需打包直接打包,将打包后的文件夹放到vscode中,使 ...
【Vue】Vue1.0+Webpack1+Gulp项目升级构建方案的踩坑路
最近半年在维护公司的一个管理后台项目,搭建之初的技术栈比较混乱,构建方案采用了Gulp中调用Webpack的方式,Gulp负责处理.html文件,Webpack负责加载.vue..js等.而在这一套构 ...
【Vue工程】001-Vite 创建 Vue-TypeScript 项目
[Vue工程]001-Vite 创建 Vue-Ts 项目文章目录 [Vue工程]001-Vite 创建 Vue-Ts 项目一.环境二.创建项目 1.pnpm 创建 Vite 项目 2.设置项目名 ...
Vue 2项目如何升级到Vue 3？
应不应该从 Vue 2 升级到 Vue 3 应不应该升级?这个问题不能一概而论. 首先,如果你要开启一个新项目,那直接使用 Vue 3 是最佳选择.后面课程里,我也会带你使用 Vue 3 的新特性和新 ...
PDF预览完整解决方案及各种兼容（VUE版）
PDF预览完整解决方案及各种兼容(VUE版) PDF预览完整解决方案及各种兼容(VUE版) - 掘金前端学习使者正在上传-重新上传取消 2021年11月12日 16:57 · 阅读 2547 一. ...
VueHub：我用 ChatGPT 开发的第一个项目，送给所有 Vue 爱好者
大家好,我是DOM哥. 我用 ChatGPT 开发了一个 Vue 的资源导航网站. 不管你是资深 Vue 用户,还是刚入门想学习 Vue 的小白,这个网站都能帮助到你. 网站地址:VueHub 纯净模 ...
Vue：npm run serve运行项目时报了一个ValidationError:CopyPliugin Invalid Options的错误
Vue:npm run serve 运行项目时报了一个ValidationError:CopyPliugin Invalid Options的错误,原因是options应该为数组类型,可是找了半天没找 ...
vue使用命令行构建完项目后_vue-cli 构建项目在IE中无法运行解决方式(build之后可运行)...
IE浏览器(只考虑IE11,更低版本我没考虑)运行时报 Promise未定义的错误解决办法: 1. 安装babel-polyfill (1.) npm install babel-polyfill ...
基于vue cli 3.0创建前端项目并安装cube-ui
前提条件: 安装node.js. 国内的开发者最好先配置淘宝镜像. 之后用cnpm来代替npm命令. 项目创建过程: 打开cmd,输入命令进入目标工作空间,以本机项目为例: cd /d d: cd D ...
Vue CLI 3 多页应用项目的搭建
在项目初期时,从零开始搭建和配置本地前端开发环境是一项很繁琐的工作,需要考虑到项目目录结构.项目基本配置.Webpack 配置等等.通过 Vue CLI 3 可以快速的生成一个项目,这样我们就可以专注 ...

html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题

html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题相关推荐

最新文章

热门文章