uni-app vue3 真机调试结果出现白屏

uni-app vue3 真机调试结果出现白屏

开发环境信息

项目 内容
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 21H2
HBuilderX类型 正式
HBuilderX版本号 3.3.10
手机系统 Android
手机系统版本号 Android 6.0
手机厂商 idata
手机机型 70 series
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

操作步骤

运行=》运行到手机或模拟器

预期结果

正常显示index页面内容

实际结果

屏幕白屏


bug描述

新建uni-ui项目,修改了main.js

// #ifndef VUE3  
import Vue from 'vue'  
import App from './App'  

// Vue.config.productionTip = false  

// App.mpType = 'app'  

const app = new Vue({  
    ...App  
})  
app.$mount()  
// #endif  

// #ifdef VUE3  
import { createSSRApp } from 'vue'  
import App from './App.vue'  
export function createApp() {  
  const app = createSSRApp(App)  
  return {  
    app  
  }  
}  
// #endif

更多关于uni-app vue3 真机调试结果出现白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

换个设备,vue3 安卓支持版本5或6及以上

更多关于uni-app vue3 真机调试结果出现白屏的实战教程也可以访问 https://www.itying.com/category-93-b0.html


测试了另一个新大陆 (newland)手持机,一样的白屏,是安卓5或者6需要什么配置吗?

回复 2***@qq.com: 换个安卓版本大于6以上手机的试试

回复 DCloud_UNI_Anne: 大于安卓6的手机可以,vue3是兼容安卓5、6吗?

回复 2***@qq.com: 安卓高于5或6及以上版本,不是固定的。

回到顶部