uni-app H5+plus 报Bug

uni-app H5+plus 报Bug

信息类别 详细信息
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.15
手机系统 Android
手机系统版本号 Android 12
手机厂商 谷歌
手机机型 谷歌
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

操作步骤:

如果是let WaitingLoadingStyles = { height: ‘100px’, width: ‘100px’, interval: 300, type: ‘snow’ } plus.nativeUI.showWaiting(“Loading…”, { background: ‘rgba(0,0,0,0)’, loading: WaitingLoadingStyles }) 的话会出现默认的loading效果 但是 let WaitingLoadingStyles = { icon: ‘…/static/two/example/explame.png’, height: ‘100px’, width: ‘100px’, interval: 300, type: ‘snow’ } plus.nativeUI.showWaiting(“Loading…”, { background: ‘rgba(0,0,0,0)’, loading: WaitingLoadingStyles }) 这样加上icon的话就什么也不会出现,包括文案也不会出现。

预期结果:

在手机上出现自定义的loading动效图

实际结果:

如果是不加loading属性中的icon的话,是会出现默认的loading,但是加上loading属性的icon的话就什么都不会出现了

bug描述:

在uniapp中plus.nativeUI.showWaiting 中在loading属性中添加icon不显示 但是把loading属性中icon去掉之后就显示默认的icon了


更多关于uni-app H5+plus 报Bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app H5+plus 报Bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在处理uni-app中的H5+plus相关Bug时,首先需要确保你正在使用的uni-app和HBuilderX版本是最新的,因为新版本通常会修复已知的问题。如果确认是最新版本后仍遇到问题,下面我将提供一些常见的H5+plus API使用示例,并展示如何调试和捕获异常,以便你能够更有效地定位和解决Bug。

示例代码:文件系统操作

以下是一个使用H5+plus的文件系统API读取文件内容的示例,同时包含异常捕获逻辑:

// 检查H5+plus环境是否可用
if (window.plus) {
    // 请求文件系统权限
    plus.io.resolveLocalFileSystemURL('_doc/', entry => {
        // 创建一个新文件
        entry.getFile('test.txt', {create: true, exclusive: false}, fileEntry => {
            // 读取文件内容
            fileEntry.createReader().readAsText(file => {
                console.log('File content:', file.target.result);
            }, error => {
                // 捕获读取错误
                console.error('Error reading file:', error.message);
            });
        }, error => {
            // 捕获文件创建错误
            console.error('Error creating file:', error.message);
        });
    }, error => {
        // 捕获文件系统URL解析错误
        console.error('Error resolving file system URL:', error.message);
    });
} else {
    console.error('H5+plus environment is not available.');
}

调试技巧

  1. 控制台日志:利用console.logconsole.error等打印关键信息和错误。
  2. try-catch块:在可能抛出异常的代码块中使用try-catch结构来捕获并处理异常。
  3. 网络请求:如果Bug与网络请求相关,使用plus.network的API,并在回调中检查状态码和错误信息。
  4. 模拟器与真机测试:在HBuilderX的模拟器中测试可以初步排查问题,但最终需在真机上验证,因为某些API行为在模拟器上可能与真机不同。
  5. 查看文档与社区:查阅DCloud官方文档和社区论坛,看看是否有其他开发者遇到并解决了类似问题。

通过上述示例代码和调试技巧,你应该能够更好地定位和解决uni-app中H5+plus相关的Bug。如果问题依旧存在,建议提交详细的Bug报告到DCloud官方论坛或GitHub仓库,包括复现步骤、错误日志和测试环境信息,以便获得更专业的帮助。

回到顶部