关于vue兼容IE11的问题解决

最新推荐文章于 2025-07-16 14:19:14 发布
原创 最新推荐文章于 2025-07-16 14:19:14 发布 · 3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决Vuex在IE11下不兼容的问题，由于IE11缺少Promise支持，需要额外安装库并配置main.js及构建入口。通过本文步骤，可以有效实现Vuex与IE11的兼容。

IE一直以来坑就多，那么vuex不兼容IE11怎么办

IE11没有内置promise，所以用不了vuex很正常。为了兼容，首先要安装一个库。

安装好之后在main.js中引入

然后在build中配置一下入口entry即可

解决 Vue 在 IE 浏览器中的兼容性问题
HackMasterX的博客
10-03 514
检查 Vue 组件的使用：在编写 Vue 组件时，需要注意一些在 IE 浏览器中可能出现问题的使用方式。例如，避免在组件的模板中使用箭头函数，因为 IE 浏览器对箭头函数的支持有限。本文将介绍如何解决 Vue 在 IE 浏览器中的兼容性问题，并提供相应的源代码示例。针对 IE 浏览器的特殊处理：如果在项目中需要对 IE 浏览器做一些特殊处理，可以通过检测浏览器的 User Agent 来进行判断。如果在某个组件中使用了不兼容的语法或样式，可以尝试替换成兼容的方式或使用相应的 Polyfill 库。
Vue项目兼容IE11
m0_74079648的博客
10-17 2148
VueIE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+，Vue 底层是支持。由于开发过程中，我们经常会使用一些第三方插件或组件，对于这些组件，有时我们需要做一些处理。下述主要阐述如何使用。IE11 打开 Vue 工程（Vue CLI）构建而来出现空白页，控制台告警、报错。
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”属性或方法”。
Internet Explorer 11：功能全面升级的浏览器体验
最新发布
weixin_35750483的博客
07-16 1099
htmltable {th, td {th {pre {简介：Internet Explorer 11（IE11）是微软推出的最后一个传统Web浏览器版本，提供32位和64位两种版本，适用于Windows 7、Windows 8.1及Windows Server 2012操作系统。
vuex不兼容ie11怎么办
09-12 4448
IE一直以来坑就多，那么vuex不兼容IE11怎么办 IE11没有内置promise，所以用不了vuex很正常。为了兼容，首先要安装一个库。 安装好之后在main.js中引入 然后在build中配置一下入口entry即可 ...
VUE兼容IE11
FredaMJ的博客
04-10 1510
如果项目中没有babel-polyfill 先添加依赖 npm install --save babel-polyfill 或者 yarn add --save babel-polyfill 添加成功之后修改build文件下的webpack.base.conf.js文件下entry的配置为 entry: { app: ["babel-polyfill", "./src/main.j...
Vue兼容ie9的问题全面解决方案
08-27
Vue 兼容 ie9 问题的全面解决方案需要考虑到多方面的因素，包括 ES6 兼容、Number 对象的 parseInt 和 parseFloat 方法、requestAnimationFrame 方法等。通过使用 babel-polyfill 组件、在项目主入口文件中添加代码...
详解vue 兼容IE报错解决方案
01-19
IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法（如箭头函数），而...简单的说，兼容问题一般是IE 对于es6 的部分新对象、表达式，语法并不支持，解决方案是使用 babel-poly
vue2兼容ie9浏览器
10-31
总之，使Vue 2应用兼容IE9主要涉及ES6语法转换、Promise polyfill、Object.defineProperty的处理以及选择兼容的第三方库。这需要对前端构建工具和浏览器兼容性有深入的理解，并且可能需要在开发过程中不断调整和测试...
vue2.0 项目无法运行在IE浏览器中，尝试了很多代码最终都无果。。。
baidu_41885652的博客
08-03 735
六、做完以上步骤后， 最后我运行还是不行，在一个帖子看到transpileDependencies:[] ,利用好这个属性，在vue.config.js 中的transpileDependencies:[]，做出相应的监听属性。项目使用了promise的对象，在geogle中正常运行，但是在Ie、360的兼容模式下是无法运行不支持的，此时就需要用到相应的转换。，因为有时候在本地是不报错的，最后最好删除依赖，重新install 一下，祝大家npm run server 成功，最后，也是最重要的，
解决VUE项目不兼容IE浏览器问题
qq_30966497的博客
10-11 1万+
非常简单，只需要两步就能解决： 1、 安装插件babel-polyfill        npm install --save-dev babel-polyfill    2、在你的VUE项目的src目录下找到main.js      添加下面一行代码：      import 'babel-polyfill' 最后，重新打开浏览器，应该就能兼容打开页面了。...
vue-cli中vuex IE兼容
weixin_34409357的博客
01-16 112
vue-cli中使用vuex的项目 在IE中会出现页面空白 控制台报错的情况:我们只需要安装一个插件，然后在main.js中全局引入即可 安装 npm install --save-dev -polyfill引入 import 'babel-polyfill' ...
关于Vue不兼容IE浏览器的解决方案
NuoYan3327的博客
10-24 1035
又到了一年一度的1024，今天给大家带来了一个干货，相信很多前端小伙伴们都很喜欢使用Vue框架，但是对于各类浏览器的兼容来说除了IE其他都好说，这里就为大家带来了Vue兼容IE浏览器的解决方案之一，当然这只是众多解决方案里的一个 window.onload = function(){ function IEVersion() { ...
vue项目的ie兼容问题解决
weixin_43812512的博客
10-20 1893
vue项目ie运行，无报错，页面空白，通过插件排查解决ie兼容问题
Vue项目不兼容ie浏览器的解决办法
zuo_zuo_blog的博客
12-14 1411
Vue项目兼容IE浏览器 安装babel-polyfill npm install babel-polyfill --save-dev 或者 cnpm install babel-polyfill --save-dev 然后在入口main.js文件引入：import ‘babel-polyfill’ 我是用了官方脚手架vue-cli，还要修改配置文件，网上一般说的是修改webpack.config.js 在module.exports里添加： entry:{ app:["babel-polyfi
解决vue不兼容ie浏览器的方法
weixin_30781433的博客
06-25 466
1.原因是Vue使用了ES6 Promise的问题，而IE浏览器不支持，解决方法是:使用babel-polyfill转换安装命令代码。 2 2.使用vue-cli项目在webpack.config.js中添加以下代码 END 方法二： 1.解决IE不显示内容代码 ...
vue项目IE兼容问题及处理方案
zby18638890018的博客
09-21 3504
vue项目IE兼容问题及处理方案
Vue.js项目在IE11白屏报错
热门推荐
光脚丫思考的专栏
10-26 2万+
本文总结了Vue.js项目在IE11浏览器中白屏报错，不显示任何内容的问题原因，以及可能的几种的解决方案。
vue项目兼容IE11
around_primary的博客
01-17 1万+
1、npm安装babel-polyfill npm install babel-polyfill --save-dev 2、在入口文件main.js中引入 import 'babel-polyfill' 3、如果也是用了官方脚手架vue-cli，还需要在webpack.config.js配置文件中做修改，即可。 entry: { app: ["babel-
Vue兼容IE报错：Babel-polyfill解决策略
2. 在`index.html`中添加元标签 `<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">`，这有助于告诉IE以最高兼容模式运行，但不一定能完全解决问题，特别是当使用第三方库时。 3. 如果使用了第三方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值