vue解决ie与低版本浏览器es6兼容问题

最新推荐文章于 2024-09-24 17:23:39 发布
最新推荐文章于 2024-09-24 17:23:39 发布
阅读量6.8k 收藏 11
点赞数
分类专栏： vue 文章标签： vue 兼容 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Beamon__/article/details/83619320
版权

使用vue-cli搭建vue项目打包后在ie上打开静态资源出现空白，但是在chrome上一切正常，经检测发现打包后的js存在兼容问题，ie等低版本浏览器对es6存在不支持情况，解决方法如下：

1. 安装babel-polyfill

npm i babel-polyfill -S

2. 在main.js引入abel-polyfill

完成！

Beamon__
关注
专栏目录
Vue如何适配低版本浏览器
2301_79325339的博客
09-26 687
为了解决这个问题，我们可以使用Vue的运行时构建，它不包含编译器。在开发Web应用时，我们经常面临的一个挑战是如何在不同的浏览器中保持应用的兼容性。Vue.js是一种流行的JavaScript框架，它提供了一种简洁易用的方式来构建交互式的前端应用程序。通过这些技术，我们可以确保Vue应用在各种浏览器中保持兼容性，并为用户提供一致的体验。对于一些不支持ES6语法或新的JavaScript API的低版本浏览器，我们可以使用Polyfill库来填充这些功能的缺失。另一种适配低版本浏览器的方法是使用特性检测。
vue3+ts+vite4兼容低版本详细版（已在谷歌70,60测试）
可可的博客
02-03 2575
生成传统的 ES5 代码：@vitejs/plugin-legacy 将原始的源码转换为与旧版浏览器兼容的 ES5 代码。生成基于 SystemJS 的兼容性包装：为了兼容不支持 ES 模块的旧版浏览器，该插件还会生成一个基于 SystemJS 的包装文件。生成响应式的 HTML 文件：插件还会根据浏览器请求的 User Agent，动态生成适合该浏览器的响应式 HTML 文件。总体而言，@vitejs/plugin-legacy 插件通过转换源码、生成兼容性包装和提供响应式的 HTML。
Vue2+Webpack+ES6 兼容低版本浏览器（IE）
u013659786的博客
07-16 550
Vue2+Webpack+ES6 兼容低版本浏览器（IE） 1.解决方式：安装 “babel-polyfill” 1.1命令：npm install --save-dev babel-polyfill 1.2在入口main.js文件引入：import ‘babel-polyfill’ 1.3在build文件夹下找到webpack.base.conf.js.修改入口方式： entry: {...
解决：Vue2项目在低版本浏览器上不兼容问题
最新发布
Miss_Y0的博客
09-24 845
最近有个需求，开发的项目要求兼容火狐52.3由于浏览器版本太低，vue2项目地址在浏览器上打不开，出现网页空白，无法使用的情况。
vue3 兼容低版本浏览器Chrome、IE、Firefox
Sawiue的博客
08-19 2348
【代码】vue3 兼容低版本浏览器Chrome、IE、Firefox。
vue兼容低版本浏览器
weixin_44542874的博客
05-25 574
npm install --save @babel/polyfill main.js引入
vue2兼容ie9浏览器
10-31
Vue 2.x 版本在发布时虽然已经具有良好的现代浏览器支持，但对于较旧的浏览器，如Internet Explorer 9（IE9），它可能存在一些兼容性问题。为了确保Vue 2应用在IE9上正常运行，开发者需要采取一些额外的措施。 首先...
vue项目兼容android低版本、兼容IE、ES6解决办法
Dreamer_xr的博客
06-10 9358
VUE项目兼容性处理，主要原因还是不兼容ES6。 oppo和vivo等低版本浏览器不支持es6写法，所以需要对es6转es5的操作。 IE浏览器没有内置Promise对象。不仅如此，几乎所有的ES6新增的方法在IE都不能用，此时你需要babel Polyfill 一、需要下载几个包 npm install babel-polyfill --save npm install es6-pro...
vuecil3＋版本下如何兼容谷歌ie等不支持es6的低版本浏览器
JCat的博客
07-21 6038
前言 在之前的文章中介绍了如何升级vue老项目到最新版本，不可避免的要面临一个困扰前端开发一生的问题:vuecil4版本下如何兼容谷歌ie等不支持es6的低版本浏览器！ 新版本更替，网上很多关于兼容性的文章都是vuecil2时的版本时效性都太差了，只能参考，而且很多文件都没有思考啊，只是单纯的把所有兼容性方法都写了一个遍，造成代码冗余和我强迫症。。。这里讲一下vuecil3+关于兼容性有针对性的、亲测的解决办法！ 看完这一篇，希望能解决大家关于兼容性问题的疑问。 废话不多说，开始吧~ 正文 vue cil官
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
12-09
低版本安卓系统内置的 webview 不支持 ES6 语法等一些新特性，所以报错。但在手机上调试不方便，受一篇文章的启发， IE 浏览器也是同样的问题，所以可以在 IE 上调试，一个调好了两个就都好了。突然发现万恶的 IE ...
Vue 中使用 babel-polyfill 来兼容低版本浏览器(1)
2401_83944328的博客
04-05 673
/ },将原来的entry: {改为：重新执行构建命令，问题同样解决了，IE和低版本安卓设备都可以正常发送请求了。很棒！Tip最后还是有一点提示想对你说：1、不管是方案一还是方案二，建议的使用方式都是在 request.js 的头部引入。2、es6-promise 和 babel-polyfill 文件大小的问题：两者体积大小没有明显差异。OK，写完了，希望可以帮到你们。提前祝大家周末愉快。
Vue2兼容低版本浏览器
txl910514的专栏
02-28 3456
注意：因为 @vitejs/plugin-legacy 只在 build 模式下生效，这也意味着 dev 模式下不经过 @vitejs/plugin-legacy 处理，所以 dev 模式下无法在低版本浏览器上运行。温馨提示：现在 Vue2 也可以使用组合式 api 了，具体参考：https://www.npmjs.com/package/@vue/composition-api。注意：必须使用新的 @vitejs/plugin-vue2 插件，否则 将无法正常使用！
Vue中 引入使用 babel-polyfill 兼容低版本浏览器
明天也要努力的博客
02-19 7753
Babel 中文官方文档Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情：1. 语法转换；2. 通过 Polyfill 方式在目标环境中添加缺失的特性 （通过引入第三方 polyfill 模块，例如 core-js）；3. 源码转换（codemods）；
VUE 引入 babel-polyfill支持es6新语法
热门推荐
FireBird_one的博客
05-12 1万+
前两天一个首页项目，想用vue玩耍一下，就用vue-cli搭建了一套vue的开发框架 完成开发、联调和上线后，问题来了 chrome、ff浏览器下都能正常显示的页面，在百度浏览器下愣就显示不出来了 我还以为是调用的uclogin组件包有问题呢，因为他会在url后面用?方式拼接一些formu、appid、u等参数，用于用户登录信息验证成功后redirect到要去的页面 找来之前用过uclog...
vue-cli5.0.x优雅降级，配置项目兼容旧版浏览器
阿牛哥的博客
11-02 1668
vue-cli5.0.x脚手架下的，如何降低项目版本以适用于底版本的浏览器。
vue3，cli5兼容低版本浏览器
m0_64957092的博客
08-13 455
更改package.json文件browserslist配置项。
Vue2 Cli4 项目低版本浏览器ES6语法报错处理
LETEfly的博客
01-17 1044
低版本的浏览器对ES6的兼容性差，我们需要将ES6语法转换成ES5的才能在低版本浏览器上正常运行。在Vue2 Cli4项目中我们只需要在babel.config和vue.config两个配置文件进行配置就能基本解决此问题。
vue学习之babel-ES6兼容处理
kinghuahua
08-13 1048
今天在学习ES6时，穿插学习了浏览器兼容解决部署方案babel 操作流程和代码如下： 安装node node -v npm -v 进入到项目，初始化package.json: npm init -y 安装: npm install --save-dev babel-preset-env babel-cli (npm -i -D babel-preset-env babel-cli 安装最新) 创建文件并配置： .babelrc 内容为： { "presets":["env"] } 创建src目录，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值