iview兼容ie8_如何解决iview在安卓4.4.4的webview中的兼容性

在基于vue-cli 3.x的项目中,使用了按需引入的iview组件(Row, Col, Button, Carousel, CarouselItem, Icon)。在高版本浏览器运行正常,但在Android 4.4.4的Webview(内核Chrome 33)中,页面显示空白并报错:Uncaught SyntaxError: Use of const in strict mode。尝试通过添加polyfill(如@babel/polyfill)和修改.browserslistrc文件来解决ES6+语法问题,但问题依然存在。寻求解决方案和建议。" 131236923,17954161,AWS CloudFront详解:全球内容分发网络CDN的特点与优势,"['aws', '网络', '云计算', 'CDN', '安全']
摘要由CSDN通过智能技术生成

项目脚手架:vue-cli 3.x,用了 vue + vue-router + iview

iview为按需引入,用了:Row, Col, Button, Carousel, CarouselItem, Icon

问题描述

问题:在高版本浏览器访问正常,在安卓4.4.4 webview(内核为Chrome 33)中访问,页面空白,调试报错为:

Uncaught SyntaxError: Use of const in strict mode. app.js:4328

./node_modules/iview/src/utils/assist.js app.js:4328

__webpack_require__ app.js:768

fn app.js:131

./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js?!./node_modules/iview/src/components/carousel/carousel.vue?vue&type=script&lang=js& app.js:1001

__webpack_require__ app.js:768

fn app.js:131

./node_modules/iview/src/components/carousel/carousel.vue?vue&type=script&lang=js& app.js:4103

__webpack_require__ app.js:768

fn app.js:131

./node_modules/iview/src/components/carousel/carousel.vue app.js:4091

__webpack_require__ app.js:768

fn app.js:131

./node_modules/iview/src/components/carousel/index.js app.js:4127

__webpack_require__ app.js:768

fn app.js:131

./src/plugins/iview.js app.js:5328

__webpack_require__ app.js:768

fn app.js:131

./src/main.js app.js:5316

__webpack_require__ app.js:768

fn app.js:131

(anonymous function) app.js:5412

__webpack_require__ app.js:768

(anonymous function) app.js:904

(anonymous function)

尝试解决

看报错可能是ES6+语法问题,于是尝试通过添加polyfill,按vue-cli 3.x文档polyfill相关指南,使用了其第3种方式:

babel.config.js:

presets: [

['@vue/app', {

useBuiltIns: 'entry'

}]

]

main.js:

import '@babel/polyfill'

.browserslistrc:

chrome >= 33

android >= 4.4

测试问题没有解决

相关链接

求指导,求建议

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值