vue2.0兼容IE11

王豆豆z

已于 2023-04-25 14:34:57 修改

阅读量511

点赞数 2

文章标签： javascript 前端 vue.js

于 2023-02-20 08:52:50 首次发布

本文链接：https://blog.youkuaiyun.com/yydsddz/article/details/129117754

版权

1. 安装babel-polyfill

npm install --save babel-polyfill

2. 在main.js 最顶部引入，保证优先加载

import "babel-polyfill"

3. 添加需要babel需要转译的node_moudels里面的包（在webpack.base.conf.js里面）

附加IE报错查看方式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

王豆豆z

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

VUE2兼容ie8以上

weixin_54711921的博客

03-11

1092

3 安装完成后会有babel.config.js文件手动修改下(没有的话手动创建)6 安装core-js 和 regenerator-runtime。4 在package.json文件browserslist配置。写的IE样式不会影响正常的vue样式；它只会在IE下起作用。1.首先安装babel/polyfill。5 在vue.config.js中。7 main.js 引入安装的。2.在main.js里面引入。

vue遇到ie兼容问题如何处理_Vue 2.0 解决IE浏览器的兼容性

weixin_31316383的博客

12-30

2674

尽管一些高级浏览器对用 babel 编译后的 Vue 2.0 项目支持得很好，但是 IE 浏览器却还是有所欠缺，本文介绍如何解决 IE11 的兼容性(低版本的IE就忽略吧)。1. 让IE11支持Vue2.0的语法npm 安装 babel-polyfillnpm install --save-dev babel-polyfill在 webpack.base.conf.js 文件中修改 entry，添...

参与评论您还未登录，请先登录后发表或查看评论

vue2项目适配ie11浏览器

weixin_48171755的博客

10-21

1298

sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。1、安装babel-polyfill插件 npm install babel-polyfill --save。3、检查package.json中axios的版本是否是高版本如果是高版本需要降到0.27.2。以上vue2 中适配ie11浏览器遇到的问题 Done!2、在入口文件main.js中引入。

vue2项目兼容IE11浏览器（解决在某些浏览器兼容模式下打开，页面出现空白的问题）

最新发布

拓海

11-23

853

vue2项目兼容IE11浏览器

解决vue2项目在IE11浏览器中无画面的兼容问题

qq_45496282的博客

08-21

3740

当前项目面临其他浏览器都可以运行，但是在IE11浏览器中出现白屏的现象，F12后台也没有报错，项目月底也要交付了。当前项目的vue版本为2.6.11，cli的版本为3。。自己捣鼓了两天没搞出来，后来又喊了一位大神才用了大半天的时间解决了此问题。

vue2.0兼容ie11（在ie11中无法进行页面跳转白屏三步搞定）

信念之于人，犹翅膀之于鸟，信念是飞翔的翅膀

10-09

4872

处理完上面的问题之后大多数情况下，问题就已经解决了，但是比较神奇的是有的时候还是不行，那是因为还有一个地方需要坐下修改，那就是.browserslistrc文件中的：not dead 改成：not ie < 11 或者在package.js里添加一个browserslist。其实上面的sockjs-client一般情况下只会在本地出现，因为本地启动的服务本质是启动的socket服务，而发布到线上的代码是经过打包后的代码，跟socketjs-client不发生关系，除非你项目中用到了webSocket。

Vue 2.0在IE11中打开项目页面空白的问题解决

08-29

Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...

如何解决vue2.0下IE浏览器白屏问题

01-21

1、兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill npm install babel-polyfill 2、在页面入口配置main.js中引入 babel-polyfill import(babel-polyfill) 3、解决编译错误—-重要重新安装...

详解vue 兼容IE报错解决方案

01-19

IE 页面空白报错信息此时页面一片空白报错原因 Babel 默认只转换新的 JavaScript 语法（如箭头函数），而...简单的说，兼容问题一般是IE 对于es6 的部分新对象、表达式，语法并不支持，解决方案是使用 babel-poly

vue2项目兼容IE11及以上

qq_38394175的博客

06-22

1508

因为测试使用的IE11，若需要支持IE10也可以试试此方法一、项目版本情况 "vue": "^2.6.14",//vue版本 "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", 二、解决句法问题报错内容如下：怀疑是es6没有转译es5,使用的ant-design-vue框架的亦不兼容 1.安装babel-polyfill npm install b

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”属性或方法”。

Vue 2.0 兼容IE相关配置和问题

智先生_的博客

10-27

1056

在Vue项目中，使用IE浏览器访问会白屏，这问题应该是项目打包后没有由ES6转ES5语法造成，IE不兼容；首先，项目中引入babel-polyfill。

Vue2.0实现ie的兼容

weixin_30627381的博客

07-20

200

转自：https://blog.csdn.net/landl_ww/article/details/79149461 1.解决方案：安装 "babel-polyfill" ，加配置 a.npm install babel-polyfill --save-dev b.在webpack.config.js 中修改入口的配置：把原本的main改成app，加入babel-polyfill...

vue2.0兼容ie浏览器（页面加载及导出问题）

Mu_diudiu的博客

11-23

1906

vue2.0兼容ie浏览器（页面加载及导出问题）

vue 兼容ie11以上

YYamchao的博客

04-13

391

config.entry('main').add('babel-polyfill') //main.js是入口js文件。import "babel-polyfill" // main.js 首位。3..browserslistrc 文件。4.babel.config.js 文件。5.vue.config.js 文件。

vue兼容IE11

杨飞@益术

02-19

2395

三个步骤 1.package.json -> dependencies增加"babel-polyfill": "^6.26.0"（版本号可以根据npm install --save babel-polyfill拿到） 2.main.js -> 增加import "babel-polyfill" 3.index.js -> 增加import "babel-p...

vue2.x项目在IE11中打开空白

weixin_38095708的博客

07-11

2725

SCRIPT1046: strict 模式下不允许一个属性有多个定义；在vue项目中报这个错误，一般都是绑定了重复的值。如下<Table highlight-row ref="currentRowTable" :highlight-row ='true' :columns="columns2" :data="ModalData"></Table>去掉 highlight-...

适配ie的vue2项目demo

weixin_35749786的博客

01-03

154

您好！我可以为您提供一些关于如何在 Vue 2 项目中适配 Internet Explorer 的指导。首先，您需要确保在您的项目中已经安装了 polyfill。您可以通过使用 Babel 或者 polyfill.io 来完成这一步。其次，您可以使用 Vue CLI 来创建一个兼容 Internet Explorer 的 Vue 项目。您可以在创建项目时添加一个选项，来告诉 Vue CLI 要...

教你用Vue2如何做过渡&动画效果+著名动画库

张浔优快云

05-09

3720

看完我学会了前言认识一下如何使用？1. 过渡2. 动画3. 自定义过渡的类名第三方CSS动画库1. Animate.CSS2. Animista总结本篇文章适合前端有一定基础的小伙伴，当然，对此篇文章感兴趣也可以提前了解，阅读大概耗时3分钟前言 2022年了，是时候为自己的知识库加一些13效果出来了😏（当你分享给身边的人时一定是满眼的崇拜，多香），学过CSS基础的小伙伴心里肯定觉得太麻烦了，不想写（懒得写），没关系，今天我就带大家如何更简单的做一个动画效果，一定要看到最后喔。认识一下首先大家需要

Vue2.0 IE兼容解决方案：babel-polyfill的必要步骤

当在使用Vue 2.0开发的项目中遇到在Internet Explorer (IE) 下面打开一片空白的问题时，这通常是因为IE浏览器不支持某些JavaScript特性，Vue 2.0的一些新功能可能在旧版本的浏览器中未被兼容。Vue框架本身并不强制...