前端页面 Vuejs针对安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法

最新推荐文章于 2022-09-02 01:13:26 发布
原创 最新推荐文章于 2022-09-02 01:13:26 发布 · 2.5k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #es6转es5

本文介绍了解决VueJS在安卓低版本和iOS9.x上因ES6语法不兼容而导致的问题。通过将ES6转为ES5，采用特定的script类型和引入browser.min.js与polyfill.min.js，确保了在旧设备上的正常运行。同时，提供了使用CLI脚手架的解决方案，包括安装babel-polyfill和修改webpack配置。

Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法

解决方法：ES6转ES5

cdn引入形式

3点：正常编写vue,修改script 类型type=“text/babel”，引入browser.min.js
遇到一些API不转化的情况使用polyfill.min.js

  1. 正常编写vue 注意类型修改：type=“text/babel”
<script type="text/babel" src="my.js">
//或
<script type="text/babel">
    var main = new Vue
最低0.47元/天 解锁文章
uniapp [抖音小程序] - 解决报错 Page[pages/x] not found. May be caused by :1. Forgot to add page route in app.
🏆 前端领域优质创作者
09-03 2386
uni-app，抖音小程序，字节跳动小程序，uniapp字节小程序，抖音小程序真机警告，报错，警告，路由顺序，app.json，router路由报错，notfound.Maybecausedby:1.Forgottoaddpagerouteinapp.json.2.InvokingPage()inasynctask.，把hbuilderx升级到最新版还是不行，依旧不行，抖音小程序开发者工具提示警告如何解决，偶尔出现，时好时坏，页面刷新就报，苹果ios，安卓Android
解决ES版本语法在旧版本项目不兼容问题，举例：可选链式操作符
最新发布
jyl919221lc的博客
03-05 832
使用webpack+babel-loader是支持可选链操作符最简单的方式，直接在webpack配置中添加babel-loader及其选项，无需额外的配置文件，即可在项目中使用这一便捷的语法特性。
前端ios兼容性问题总结
dengkangning1111的博客
09-04 2683
前端IOS兼容性问题总结 低版本版本兼容问题 具体表现：低版本ios写es6语法会报错 解决方法：直接用es5语法或者使用babel， 参考：https://www.babeljs.cn/ 高版本兼容性问题 具体表现：fixed布局会被输入框给顶起来，原因好像是失去了焦点 解决方法：1.给输入框一个onblur事件，滚到上面去; onBlur(){ window.scroll...
前端安卓低版本不兼容ES6，出现白屏
weixin_56819751的博客
11-08 1807
1.低版本安卓出现白屏的原因：由于型特性不支持引起 解决方法： 引进： npm install babel-polyfill npm install es6-promise 在main.js中引入 import 'babel-polyfill' import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill() 在config.js中引入 module.expo
安卓低版本下，js的ECMAScript6语法不支持问题
Edward要加油哦
03-29 1984
最近项目中发现了兼容性问题，是有关ES6语法的。由于是移动端app的项目，所以跟手机有关，现象如下： vivo X6PLUS Android版本5.1 （部分其他低版本手机也能复现，只是举例） 发现页面样式能加载，但绑定的事件无响应，接口也未调用，产生用户投诉。 进行问题排查时发现部分js都未加载，遂对此版本上线的新人开发的内容代码进行review，内容聚焦到了两个地方： 1、声明变量时采用了let 2、采用了箭头函数 尝试把语法修改为符合ES5写法后，问题解决。 因此，以后遇到需要兼容稍旧版本的手机及
Android低版本自带Webview不支持ES6解决方法
mofeimo110的博客
10-08 1万+
最近给客户开发的app测试时出现了页面无法正常加载的问题，检查日志后发现了几个错误： Uncaught SyntaxError: Unexpected token => Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside stri...
Jest 不支持ES6语法解决方案
多一份贡献,多一份环保
09-14 9931
使用官方的例子跑起来是没问题的，但官方使用的是ES5的语法，没有没有使用ES6最新语法，尝试了一下是不行的，在google借鉴了各种办法才找出解决方案，记录一下。模拟例子package.json文件{ "name": "create-react-app", "version": "1.0.0", "private": true, "dependencies": { "jss"
排坑·IPhone&IOS中不兼容正则中的断言匹配
SCscHero的博客
12-07 5160
阅文时长 | 1.14分钟 字数统计 | 1834.4字符 主要内容 | 1、问题切入 2、什么是断言匹配 3、断言匹配的替换方案 4、声明与参考资料 『排坑·IPhone&IOS中不兼容正则中的断言匹配』 编写人 | SCscHero 编写时间 | 2020/12/7 AM12:14 文章类型 | 单篇 完成度 | 已完成 座右铭 每一个伟大的事业，都有一个微不足道的开始。 一、问题切入   完成度..
vue 微信分享回调iOS和安卓回调出现错误的解决
11-19
在开发基于Vue的H5页面并集成微信分享功能时，可能会遇到在iOS和Android设备上回调出现错误的问题。为了满足产品需求，我们需要手动配置分享地址、图片和内容描述，并在微信分享成功后执行特定操作。这通常涉及到...
主流浏览器对ES6支持情况汇总与兼容性分析
对于移动端，iOS Safari自iOS 10起支持大部分ES6特性，而Android Browser的情况较为复杂，早期版本基于老旧的WebKit实现，支持度极低，但随着Android系统更新及Chrome for Android的普及，现代安卓设备基本可通过...
vue项目问题记录:iOS10以下不支持es6
TwelveSpring的博客
05-30 1295
iOS10以下浏览器呈现白屏无法正常显示页面,但是iOS10以上的浏览器显示正常. 定位原因:iOS10系统以下不支持es6的特性和语法,不兼容部分css3样式 解决: 一、在index.html中加入 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,IE=IE9"> <meta htt
es6 扩展运算符 三个点（...） 在android6下是不行的
丿灬安之若死
09-02 419
在android 6 也就是版本23。就是相当于展开运算符吧。
解决VUE不兼容浏览器的方法
weixin_42812634的博客
05-27 1687
解决VUE不兼容浏览器的方法 不兼容原因 vue使用ES6 Promise的问题，但IE浏览器不支持，解决办法：用babel polyfill转换 安装命令代码 npm install --save-dev babel-polyfill 添加代码 使用vue-cli项目在webpack.config.js中添加以下代码： require('babel-polyfill') entry:{ app:['babel-polyfill','./src/main.js'] } ...
vue —— 项目启动时无法识别es6的扩展语法
Juliet_xmj的博客
04-20 3907
启动项目报错 解决 ES6的拓展运算符报错 1.切换淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm install --legacy-peer-deps --save-dev babel-preset-stage-3 cnpm install --legacy-peer-deps --save-dev babel-plugin-transform-object-rest-spread 4.根目
vue--解决低版本安卓手机兼容性问题
Mr_HeXS的博客
06-20 1万+
低版本的安卓手机可能会白屏，是由新特性不支持引起的解决代码es6新特性兼容问题1，安装es6新特性，npm install babel-polyfill --save2，main.js 引入 import 'babel-polyfill'...
关于vue项目在低版本浏览器中不支持ES6的解决方案
热门推荐
Kris的博客
11-01 1万+
原因：低版本浏览器内核版本太低，无法解析 ES2015最新的一些语法。 babel是一个转译器，把同种语言的高版本规则翻译成低版本规则 一般搭建项目时webpack会在最外层配置一个.babelrc文件用于默认解析ES2015（es6）中的特殊语法（例如： let，const，class等） 而babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterato...
ES6新特性在较低版本node或者浏览器环境下的支持问题
yangxinxiang84的专栏
08-01 679
这里持续的记录一些在较低版本的node环境或者浏览器下，ES6新特性的兼容问题。处理也很简单，用webpack编译一下，或者升级运行环境。 1，类实例属性的新写法 class Logger { // 类实例属性的新写法 在我的机器node v10.16.0下会报错，高版本node v14不会报错 level = "debug"; // 类实例属性的新写法 在我的机器node v10.16.0下会报错，高版本node v14不会报错 outoutPath = "../l
ios低版本、微信浏览器低版本 不能使用的js语法总结
软件工程小施同学 的专栏
07-30 1723
1. 变量定义，不能用let，可改成var 2. 不能使用匿名函数（（）=> {} ） 如： xxxx.forEach(item => {xxxxx}); xxx.map(item =>{xxxx}) setInterval(() => {xxxx}, 16.67); ...
坑！vue.js在ios9中失效
weixin_30597269的博客
09-30 631
　坑！vue.js在ios9中失效！ 　　接到实现，在移动端生成一个分享链接，分享到微信，在微信中打开，加入！ 　　好，用vue实现----------------------->写代码-------------------------->测试------------------------------>没有问题--------------------------------...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值