Vue项目兼容IE浏览器

最新推荐文章于 2023-11-29 15:02:22 发布
最新推荐文章于 2023-11-29 15:02:22 发布
阅读量3.2w 收藏 22
点赞数 5
分类专栏： Vue 文章标签： vue vue2 ie vuex 兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24956515/article/details/77527668
版权

Vue项目部署到服务器后，通常除IE浏览器外其他都正常，而IE浏览器会报这么个问题

这里写图片描述

因为Vue使用了ES6 Promise，而IE浏览器不支持，解决方法是:
使用babel-polyfill转换
https://babeljs.io/docs/usage/polyfill/

npm install --save-dev babel-polyfill

如果使用vue-cli项目，在webpack.config.js中添加：

require('babel-polyfill');

entry: {
    app: ['babel-polyfill', './src/main.js']
  },
anyup_
关注
  • 5
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
解读 Vue：从兼容性到扩展插件，再看 2.x 与 3.x 版本的非凡
chinayun_6401的博客
06-06 760
Vue是当前极为热门的用于构建用户界面的渐进式JavaScript前端框架。其创作者是尤雨溪，一位华裔前 Google 工程师。
vue项目兼容IE浏览器
mia0303的博客
06-05 272
Vue项目部署后，通常除IE浏览器外其他都正常 打开 IE 浏览器会报这个 关于 Promise 的报错 因为Vue使用了ES6 Promise，而IE浏览器不支持，解决方法是: 使用babel-polyfill转换 可以看下文档 https://babeljs.io/docs/usage/polyfill/ npm install --save-dev babel-polyfill 如果使用vue-cli项目，在webpack.config.js 或者webpack.base.conf.js 中添加
vue 项目兼容 IE 浏览器
weixin_43749669的博客
12-16 5122
前言 : 网上 找了很多关于 vue项目兼容 IE 浏览器的 教程步骤 , 写的 非常详细 , 但根据我自己的项目,怎么找 都没有找到 webpack.base.conf.js 这个文件 ,就没办法配置。因为 vue-cli最新版本原因 , 隐藏了配置文件, 所有的 都在 vue.config.js中配置。到这 就完美结束 , IE 就能完美运行 起来了, 希望对你有所帮助 , 欢迎留言, 共同进步!: (具体是干嘛的 我还没弄明白,大神如果知道可留言解答!
使用VUE“全面兼容”IE浏览器，并且跨域
追梦
09-01 1752
VUE兼容处理 前言 ​ 之前的做页游活动页面，需要使用的技术栈是：js 、jQ 、jinja2 。前端制作完成之后需要上传代码到服务器才能看到效果，比较传统的一套技术。作为前端的我也是非常头痛，最近后端同学提出后端要进行模块化可配置化开发（因为我们很多活动都很相似，仅仅是几个参数的差别），前端进行模块化的话就需要摒弃之前的技术栈，从vue中找到兼容处理方案，本文讲解vue如何全面兼容IE并且下一篇文章将会进行模块化、可配置化开发。 ​ 本次使用vue的方案技术栈为：vue、axios、vuex、vue
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
总的来说，解决Vue项目在IE浏览器中显示空白的问题，关键在于确保项目中的现代JavaScript代码能够被老旧浏览器理解并执行。通过引入`babel-polyfill`和其它必要的垫片库，我们可以使Vue项目在更广泛的浏览器环境中...
如何解决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
Vue 后台管理类项目兼容IE9+的方法示例
12-11
最近项目进入到了第三方集成的环节，集成第三方监控非要用IE，咋办？老板让我将后台管理系统的框架... 在涉及到flex、fixed、absolute定位时，IE浏览器下的显示效果有较大的区别； excel表单导出异常； 部分使用的
vue 项目在ie浏览器的兼容问题
热门推荐
尹小姐的博客
06-26 5万+
不兼容是因为对es6不支持 一、关于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 u...
使用VueJS开发项目中的兼容问题
skey_wang的前端之路
01-02 6873
我们开发的项目，兼容到IE9+，以下所提到的问题都是在这个项目中所遇见的问题，如有错误，或者理解不正确的地方，望多多指点
前端vue+element ie兼容性问题
weixin_42459543的博客
05-26 5704
1、版本兼容性问题 vue 只兼容ie8以上版本； ie8及以下版本不支持Object.defineProperty方法，但这个是vue实现响应式的所必须的，所以从Vue的源码来看根本就无法支持IE82、IE 不兼容axios的promiss对象; 在项目中使用了ES6 promise对象 安装：npm install es6-promise；3、IE 不兼容es6语法； IE不支持ES6语法 安装：npm install --save babel-polyfill； 配置：module.ex.
vue IE兼容 样式组件
最新发布
木昆灵寒酥的博客
11-29 177
语法不兼容导致。vue-cli 版本：3.x， 4.x； 一：babel 将es6语法转为es5语法，从而保障js机制正常运行。 （1）安装下载babel-polyfill npm i babel-polyfill （2）引入 方式一（推荐）：main.js 顶部第一行 import 'babel-polyfill'; 方式二：vue.config.js 中，在 chainWebpack 内添加以下代码 chainWebpack: config => { config.entry('main')
vue 新建项目在IE9 10 打不开
前端技术分享
12-17 5833
并不是webpack配置问题。也不是babel没编译。 这个锅其实是 webpack-dev-server的问题。它里面通过socket给浏览器的代码有 部分 es6的代码 如 const 这些。然后这种东西ie11以下并不认识 我的解决方式是找到 /node_modules/webpack-dev-server 下的client文件夹用老项目的文件替换掉这个文件就可以了，
vue项目系统兼容IE浏览器问题以及解决方案
qq_26887683的博客
05-16 1万+
系统兼容IE浏览器问题以及解决方案 问题 vue项目在IE浏览器上运行时会出现兼容性问题：JavaScript语法报错，css样式错乱。原因是在IE（以IE11为例）浏览器下，部分js的写法需要改变，部分样式在IE浏览器上不支持，以及一些IE浏览器特有的问题。 vue 只兼容ie8以上版本； IE 不兼容 axios的promiss对象; IE 不兼容es6语法； 解决方案 下载对应插件包解决js兼容性问题：babel-polyfill，es6-promise以及 babel-plugin-
vue项目IE兼容问题及处理方案
zby18638890018的博客
09-21 3003
vue项目IE兼容问题及处理方案
vuex的使用和浏览器的兼容性问题
lixu_boke的博客
09-17 1298
1.兼容性 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。但我们需要是无论用户用任何一个浏览器来查看网站或者登陆系统时，都应该是统一的界面显示。浏览器的兼容性是一个最基本的问题，所以对解决兼容性的问题提出了答案 1.问题：当在a标签中嵌套img标签时，在某些浏览器中img会有蓝色边框； 解决方案：给img添加border：0；或者是border：none； 2.问题：给上边元素设置了margin-bottom，给下边元素设置了margin-...
解决vue2项目在IE11浏览器中无画面的兼容问题
qq_45496282的博客
08-21 2982
当前项目面临其他浏览器都可以运行，但是在IE11浏览器中出现白屏的现象，F12后台也没有报错，项目月底也要交付了。当前项目的vue版本为2.6.11，cli的版本为3。。自己捣鼓了两天没搞出来，后来又喊了一位大神才用了大半天的时间解决了此问题。
Vue 2.0 兼容IE相关配置和问题
智先生_的博客
10-27 745
在Vue项目中，使用IE浏览器访问会白屏，这问题应该是项目打包后没有由ES6转ES5语法造成，IE不兼容；首先，项目中引入babel-polyfill。
vue2兼容ie浏览器
07-27
Vue 2.x 是默认不支持旧版本的 Internet Explorer 浏览器（包括 IE 11）的。然而，你可以通过一些额外的配置和使用 polyfill 来使 Vue 2.x 兼容 IE 浏览器。 首先，在你的 Vue 项目中安装 babel-polyfill： ``` npm install --save babel-polyfill ``` 然后，在你的项目入口文件（通常是 `main.js`）中，引入 babel-polyfill： ```javascript import 'babel-polyfill'; ``` 接下来，你需要配置 Babel 来转译 ES6+ 语法和新的 API。在项目根目录下创建一个名为 `.babelrc` 的文件，并在其中添加以下配置： ```json { "presets": [ [ "@babel/preset-env", { "useBuiltIns": "entry", "corejs": 3 } ] ] } ``` 最后，确保你的项目已经正确配置了 Babel，并且使用了 transpileDependencies 选项来处理 Vue 相关的依赖。在 `vue.config.js` 中添加以下配置： ```javascript module.exports = { transpileDependencies: [ 'vue', 'vuex', 'vue-router' // 添加其他需要转译的依赖 ] } ``` 完成上述步骤后，重新构建你的 Vue 项目，并在 IE 浏览器中测试兼容性。 需要注意的是，虽然上述方法可以实现 Vue 2.x 在 IE 浏览器中的兼容性，但并不能保证所有的 Vue 组件和功能都能完全正常工作。有些功能可能仍然存在兼容性问题，需要做一些额外的处理。在开发过程中，建议使用 IE 浏览器进行测试，并根据需要进行适配和修复。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值