vue2.0 IE11兼容模式

最新推荐文章于 2024-07-12 11:54:02 发布
最新推荐文章于 2024-07-12 11:54:02 发布
阅读量582 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://juejin.im/post/5a324df451882552e652b86f
版权

 项目使用vue2.0 + elementUI. 

浏览器兼容使用：https://cdn.polyfill.io/v2/polyfill.min.js

这个项目一直都是使用IE的标准模式访问，前几天客户说他们几个系统一定要兼容模式才能访问，这个项目是嵌在他们的系统中的，希望我们这个项目也要用兼容模式能访问。

这个问题我报着解决不了的心态。

试了试

在IE9+中使用兼容模式访问项目,在polyfill.min.js文件中报  HierarchyRequestError。

在google 中搜索 polyfill HierarchyRequestError，然并卵。

在IE标准模式中访问https://cdn.polyfill.io/v2/polyfill.js。把出来的脚本代码放到项目中，

结果奇迹发生。项目在兼容模式下居然可以正常运行。

于是，问题解决。。。。。。





weixin_34133829
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue2.0的一次IE11兼容问题记录
l4481259k的博客
09-27 1132
vue2.0的一次IE11兼容问题记录 问题描述： 1.项目刚开始的时候IE查看没有什么问题。 2.随着项目的不断扩大，使用的第三方组件等工具方法不断增加。忽然的就发现，打包后的项目无法在IE11上正常查看了。而且最要命的就是客户的seo无法实现，必须要在ie上能打开。 下面就是解决的过程： 1.使用本地dev在ie上正常显示，build后的包到环境上页面无法打开，连路由都跳转不过去。 2.没办法，只能F12查看报错信息。坑爹的IE页面有问题，F12都打开的非常艰难，试了半天才能看到报错信息： DOM701
关于vue项目兼容ie11那点事
郊眠寺
09-14 773
2022年了，是时候为自己的知识库加一些13效果出来了😏（当你分享给身边的人时一定是满眼的崇拜，多香），学过CSS基础的小伙伴心里肯定觉得太麻烦了，不想写（懒得写），没关系，今天我就带大家如何更简单的做一个动画效果，一定要看到最后喔。什么是自定义过渡的类名？简单描述一下，就是Vue官方团队为了方便大家不用在 css 中写样式类，直接在DOM就可以使用，看官网介绍简单解释一下吧(偷个懒)enter-class 相当于上面提到的 v-enter。
Vue 2.0在IE11中打开项目页面空白的问题解决
12-09
前言 因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug： 问题 ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser； 原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.
vue在IE11版本上的问题
04-21
解决vue在IE11版本报错情况，vuex requires a Promise polyfill in this browser.需要下载babel-polyfill，在main.js中 import 'babel-polyfill'，修改webpack.config.js中的入口文件。ie11打不开vue项目，报错 “对象不支持“addEventListener”属性或方法”。
vue2项目解决IE、360浏览器兼容问题
最新发布
weixin_40057800的博客
07-12 391
【代码】vue2项目解决IE、360浏览器兼容问题。
解决vue2项目在IE11浏览器中无画面的兼容问题
qq_45496282的博客
08-21 3129
当前项目面临其他浏览器都可以运行，但是在IE11浏览器中出现白屏的现象，F12后台也没有报错，项目月底也要交付了。当前项目的vue版本为2.6.11，cli的版本为3。。自己捣鼓了两天没搞出来，后来又喊了一位大神才用了大半天的时间解决了此问题。
vue2.0+element兼容IE
huanhuan03的博客
04-23 1466
vue+element兼容IE vue兼容IE10
vue2 兼容 ie (SCRIPT1002：语法错误？SCRIPT1006：缺少 ‘)‘？)
qq_39143010的博客
02-26 1545
开发时google正常，ie9以上显示空白ie报错提示chunk-vendors.js语法错误，查看可以看到里面有es6代码报错代码上方会有注释说明当前代码块来源哪个文件。
vue2 适配安卓5、IE浏览器
JScodeCat的博客
06-05 659
5、若IE报错“[vue-router] uncaught error during route navigation”就是有插件不兼容，具体情况看报错标记的是什么插件（我的项目显示是js-base64，npm文档显示3.0开始不支持IE及旧版浏览器故而版本降级）4、如若使用了vue-video-player，版本要6.0，5.x版本打包会报错videojs未安装且安装后依然报错。1、安装@babel/polyfill、es6-promise，并在main.js第一行开始引入。
vue2.0兼容IE11
yydsddz的博客
02-20 418
3. 添加需要babel需要转译的node_moudels里面的包（在webpack.base.conf.js里面）2. 在main.js 最顶部引入，保证优先加载。1. 安装babel-polyfill。
vue兼容IE11浏览器
clark的专栏
11-10 553
IE简直是业界毒瘤，讨厌它还不得不支持它。 尽管一些高级浏览器对用 babel 编译后的 Vue 2.0 项目支持得很好，但是 IE 浏览器却还是有所欠缺，本文介绍如何解决 IE11 的兼容性。 1、安装 babel-polyfill 插件 npm install babel-polyfill --save-dev 2、在main.js入口文件第一行引入 babel-polyfill...
如何解决vue2.0下IE浏览器白屏问题
01-21
公司新开发的项目需要兼容到IE9+ 就在index.html页面加入 <meta http-equiv=X-UA-Compatible content=IE=edge> 不起作用 总结方法： 1、兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill ...
详解vue 兼容IE报错解决方案
01-19
IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法（如箭头函数），而...简单的说，兼容问题一般是IE 对于es6 的部分新对象、表达式，语法并不支持，解决方案是使用 babel-poly
vue+elementUI 适配IE11 （解决SCRIPT1002: 语法错误）
mmmmmmmmzw的博客
01-24 2132
问题描述 今天遇到一个浏览器适配的问题，在谷歌浏览器能正常使用，但在IE11浏览器不能加载了，报错 SCRIPT1002: 语法错误 找了很多原因，最终发现是elementUI不能被IE11所适配，需要将原有的babel覆盖到elementUI 解决方法 在webpack.base.conf.js中，新增如下两行： resolve('node_modules/element-ui/src'), resolve('node_modules/element-ui/packages') 具体位置 module:
vue2.0兼容ie11（在ie11中无法进行页面跳转 白屏 三步搞定）
信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀
10-09 4613
处理完上面的问题之后大多数情况下，问题就已经解决了，但是比较神奇的是有的时候还是不行，那是因为还有一个地方需要坐下修改，那就是.browserslistrc文件中的：not dead 改成：not ie < 11 或者在package.js里添加一个browserslist。其实上面的sockjs-client一般情况下只会在本地出现，因为本地启动的服务本质是启动的socket服务，而发布到线上的代码是经过打包后的代码，跟socketjs-client不发生关系，除非你项目中用到了webSocket。
vue2.0+elementui 兼容ie以及使用部分内容没有渲染成功
热门推荐
qq_32375417的博客
11-16 1万+
vue2.0+elementui 兼容ie以及使用部分内容没有渲染成功
使用 cdn.Polyfill向前兼容支持js新特性
Jonathan的博客
07-28 6292
现状 我们想要用 ES6 语法来写 JavaScript。然而由于我们需要兼容老版本的浏览器，那些浏览器不支持 ES6，我们需要解决这个问题。 有一个标准的做法是：写 ES6 代码 → 将所有代码编译成 ES5 的（比如通过 Babel）→ 再将编译后的代码加载到浏览器执行。 改进方式 有一个 polyfill 项目叫做 Polyfill.io API，它可以通过 polyfill 方式在客户端执...
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
cmelody的博客
01-19 1096
Vue2开发的项目在IE中打开白屏，vue版本^2.6.11，@vue/cli 4.5.13。
Vue2.0 兼容 IE9 和一些低版本的浏览器，安装和使用babel-polyfill，以及兼容的优缺点
时间飞逝的博客
01-23 5283
babel 默认只转换 js 语法，而不转换新的 API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。 注意：项目中如果兼容 IE9 和一些低版本的浏览器，就必须对这些新的 API进行转码。 安装和使用babel-polyfill...
Vue2.0 IE兼容解决方案：babel-polyfill的必要步骤
当在使用Vue 2.0开发的项目中遇到在Internet Explorer (IE) 下面打开一片空白的问题时，这通常是因为IE浏览器不支持某些JavaScript特性，Vue 2.0的一些新功能可能在旧版本的浏览器中未被兼容。Vue框架本身并不强制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值