android 7无法加载vue项目

最新推荐文章于 2024-05-16 14:31:18 发布

qq_823301996

最新推荐文章于 2024-05-16 14:31:18 发布

阅读量996

点赞数 1

分类专栏： vue android js 文章标签： java android web app

本文链接：https://blog.csdn.net/qq_33915280/article/details/107488956

版权

vue 同时被 3 个专栏收录

1 篇文章 0 订阅

订阅专栏

android

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

最近公司项目较多，为保证速度大多是用前端vue框架开发，但是无法加载到android 8 以下的android设备上，试了好多办法都无效，最后在CSDN上找到方案，抱着试一试的态度试了一下，成功解决，如遇类似情况请移步：Vue-cli3 项目在安卓低版本系统上白屏问题解决，感谢博主的分享

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_823301996

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

android webview es6,vue2.0在android5.0白屏， es6转es5保证浏览器兼容性

weixin_29214715的博客

05-26

867

1. 安装npm install --save-dev babel-preset-es20152. 安装 npm install --save-dev babel-preset-stage-33.在项目根目录创建一个.babelrc文件(ES6转ES5配置) 里面内容最基本配置是：{// 此项指明，转码的规则"presets": [// env项是借助插件babel-preset-env，...

安卓嵌入式混合开发，使用webview加载vue页面，使用keep-alive缓存的问题。

01-21

在嵌入式开发android app时，使用webview来加载vue开发的web应用，如果只是单纯的使用keep-alive来缓存页面数据。会导致，用户token过期，或是用户退出登录，缓存的页面数据还在，哪怕换个用户登录，页面的数据居然...

参与评论您还未登录，请先登录后发表或查看评论

Vue解决安卓低版本兼容问题

热门推荐

YY110621的博客

09-28

1万+

一个月之前项目中遇到一个安卓手机低版本兼容的问题，当时以为是代码写的有问题，各种排查，最终得出的结论是安卓部分低版本手机不兼容vue。下面我就简单描述下我遇到的问题以及解决方法，以供大家参考：问题：vue写的移动端项目，部分低版本安卓手机出现，白屏，以及页面数据渲染不完整。原因：安卓低版本手机是不支持ES6语法的，还有少部分低版本安卓不支持小部分的ES5语法，因此vue使用的是...

vue-cli4+vue2兼容安卓7(h5嵌入app)，一步步排查发现问题并且解决(vue白屏)

weixin_39838846的博客

08-01

2164

vue-cli4+vue2兼容安卓7(h5嵌入app)，一步步排查发现问题并且解决(vue白屏)

Vue-android7.0手机下加载白屏

ccx

09-14

746

问题记录一下. vue在7.0的android手机上, 出现白屏, js加载失败. 排除publishPath 检查路由问题. 设置路由的时候, 不能使用"..."展开数组打开页面白屏, this.list = {...this.list} 换成this.$forceUpdate()

【Vue3】手机访问vue项目 || 手机无法访问vue项目 || 手机无法访问vue项目解决方法

此人太懒，没有任何简介

03-03

3367

【Vue3】手机访问vue项目 || 手机无法访问vue项目 || 手机无法访问vue项目解决方法

安卓webview访问vue工程白屏/无响应/无法加载问题处理

程序员大阳

01-10

7779

问题出现使用vue-cli构建的前端项目，开发期间一切正常，上线前夕一部分功能需要通过安卓内嵌浏览器webview来访问，结果直接白屏，浏览器访问正常，使用安卓模拟器根本不行。尝试更换内嵌浏览器最开始感觉是浏览器内核问题，更换腾讯TBS后，依然白屏。尝试各种babel配置然后又感觉是使用了es6等高级语法的问题，尝试各类babel配置，依然白屏二分排除法定位问题将vue代码部分全部删...

Android启动http运行vue程序.rar

12-24

在Android平台上运行基于Vue.js开发的应用程序是一种将前端技术与移动平台结合的创新方式。Vue.js是一个轻量级、高性能的前端JavaScript框架，通常用于构建Web应用，但通过一些技术手段，我们也可以将其应用于...

三步搞定:Vue.js调用Android原生操作

10-14

在Android应用中，通常使用WebView来加载Vue.js编译后的HTML和JavaScript代码。为了使Vue.js能够调用Android接口，我们需要在WebView加载之前将`AndroidInterfaceForJS`实例注入到JavaScript环境中。这里使用了`...

vue项目在安卓低版本机显示空白的原因分析(两种)

12-09

在开发Vue.js应用时，可能会遇到一个问题，即项目在安卓低版本手机上显示空白。这个问题通常与JavaScript的兼容性有关，因为Vue项目普遍使用ES6语法，而旧版安卓设备可能不支持这些新特性。本文将分析两种可能导致此...

VueAndAndroid:Vue和Android交互，Android回调Vue的方法

05-15

在Android中，我们可以使用WebView来加载Vue应用，并通过JavaScript接口（JavaScriptInterface）实现通信。首先，在Android的Activity或Fragment中设置WebView： ```java WebView webView = new WebView(this); ...

关于创建和挂载根实例失败无法在html页面加载App.vue问题

qq_29109193的博客

05-08

3932

今天我要说一下我在学vuejs遇到的神坑，这个问题让我抓狂了一晚上，就是根据官方的文档来写页面不报错，终端也不不报错，就是无法在页面显示我在app.vue写的html代码，我找了一晚上的资料，发现在启动路由这里没有加载到app.vue页面的代码，后来我在里面加上render: h => h(App)这句就成功了，下面附上启动路由的完整代码，希望各位不要在遇到这种令人吐血的问题了：con...

vue在低安卓版本的一些兼容性问题

DACBE的博客

04-27

4265

刚开发公司项目要求在安卓5.0的系统进行适配，在这整理一下一些基本的兼容性问题。 1、首先是对ES6的一些新特性，低版本的安卓可能会不支持，这里需要引入两个包来进行转化，babel-polyfill和es6-promise 首先npm安装 cnpm install babel-polyfill cnpminstall es6-promise 然后再main.js里引入 import ...

Android 使用webview 打不开网页的解决办法

sonya的收获

04-17

2226

第一次使用webview时，写了一个小例子，dan

Vue2适配低版本浏览器以及低版本安卓手机webview

最新发布

weixin_43824144的博客

05-16

691

Vue2适配低版本浏览器以及低版本安卓手机webview

已解决：安卓自带的webview加载前端h5项目白屏时长严重，vue首页加载白屏时间过长，那我让app进入的时候就提前加载网页

Spy003的博客

04-15

5979

描述一下我的情况，我写了一个vue项目，需要嵌在安卓里运行，没想到安卓webview加载vue会这么慢，不知道是哪里出了问题，先介绍一下我的abandon的思路：1、启用本地有缓存就就从缓存中加载，没有缓存就从网络加载的方式，这个缓存模式，仍然阻挡不了第一次没有缓存的白屏很久的情况，虽然第一次过后速度会明显加快，但是第一次的慢客户也是不接受的呀，于是这种只是我在开发过程中体验体验了，而且开启了这种缓存模式，vue有js更新也不能更新到缓存，还是要清缓存才行。于是这种方案在提交测试之后就放弃了。预加载、

vue3+vite如何兼容低版本的白屏问题(安卓7/ios11)

lipenghao111的博客

11-15

1320

2.在vite.config.js。1.安装legacy。

vue解决低版本安卓手机兼容性问题

pengjungui6的博客

05-13

6691

低版本的安卓手机出现接口数据访问不到，或者白屏，是由新特性不支持引起的解决代码es6新特性兼容问题 1，安装es6新特性， npm install babel-polyfill --save 2，main.js 引入 import 'babel-polyfill' 或者引入cdn：https://cdn.bootcss.com/babel-polyfill/7.4.4/polyfi...

android 关于webview不显示的问题解决方案

zhouguizhi

12-06

8454

android 关于webview不显示的问题解决方案

vue android studio,Android与Vue项目交互

07-22

在Android Studio中与Vue项目交互，您可以使用WebView来加载Vue项目，并通过WebView与Android原生代码进行交互。以下是一些步骤： 1. 在Android Studio中创建一个新的Android项目。 2. 在app/build.gradle文件中...