uni-app安卓真机运行app时webView空白，并且控制台中报大量的相同错误

uni-app安卓真机运行app时webView空白，并且控制台中报大量的相同错误

示例代码：

<template>
<view>
<web-view src="https://www.baidu.com"></web-view>
</view>
</template>

操作步骤：

<template>
<view>
<web-view src="https://www.baidu.com"></web-view>
</view>
</template>

预期结果：

正常显示webview内容

实际结果：

白屏，连title栏都没有

信息类别 详细信息
开发环境 windows 10
HBuilderX版本 3.1.18
手机OS平台 安卓
手机OS系统版本 9
手机厂商 Redmi Note 8
手机设备机型 Redmi Note 8
编译模式 vue
打包方式 自定义基座app
渲染模式 uni-app

更多关于uni-app安卓真机运行app时webView空白，并且控制台中报大量的相同错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

已解决
export default { name: ‘webView’ }
中name不能取webView，实例化后会与 webView组件 命名冲突 导致页面异常

更多关于uni-app安卓真机运行app时webView空白，并且控制台中报大量的相同错误的实战教程也可以访问 https://www.itying.com/category-93-b0.html


感谢！！！搞了一晚上了，原来是这个问题

这个问题通常与Android系统WebView组件兼容性有关。根据你提供的环境信息，建议按以下步骤排查：

  1. 检查Android System WebView版本 在手机设置中搜索"WebView"，确保Android System WebView和Chrome浏览器均为最新版本。老版本WebView可能导致页面渲染异常。

  2. 验证网络权限配置 在manifest.json中确认已添加网络访问权限：

"android": {
    "permissions": ["<uses-permission android:name=\"android.permission.INTERNET\"/>"]
}

  1. 测试其他URL 尝试将src替换为"http://www.qq.com"等简单页面，排除目标网站兼容性问题。

  2. 切换渲染引擎 在manifest.json中尝试切换"webView"配置为"X5"内核：

"app-plus": {
    "webView": "x5"
}
回到顶部