【快应用】应用打开显示白屏

现象描述

应用打开显示白屏。

 

问题分析

此类问题建议从以下几点逐层分析排查:

1.   路由配置是否正确,是否跳转到了希望跳转的页面

2.   是否调用了数据请求接口

3.   数据请求回调是否返回

4.   4.是否给页面数据赋值,双向绑定是否正确

5.   5.页面show和if状态是否正确

 

问题分析

1. 页面修改后(比如修改页面名,新建页面等),排查路由表是否同步更新,路由路径是否配置正确。另外修改路由表跳转hello word,检查hello word页面是否正常显示。

2. 检查是否混淆了页面的生命周期onInit和应用的生命周期onCreate,在页面中使用onCreate生命周期,在onCreate中调用数据接口,会导致数据请求接口并未真正执行,请修改在onInit中调用。

3. 数据请求接口调用参数错误,从而没有数据回调;未在fail分支做处理,从而数据回调后未做处理。这两种情况会导致并未获取到数据。请在接口调用回调后,添加日志查看是否接口回调成功。

4. fetch请求返回的数据是一个字符串,需要经过JSON.parse装换成JSON数据使用。开发者需要注意对返回结果先判断是否为空,否则如果数据错误会报错。另外需要注意接口调用时异步请求注意this指向,确保数据赋值成功。

5. 有些开发者会使用show和if来处理页面,在请求到数据后让页面显示,未请求到数据让页面隐藏,此处需要注意show和if的状态是否设置正确。

 

建议与总结

出现问题建议从页面进入,按照 生命周期 → 数据获取 → 数据赋值 逐步排查问题。

 

欲了解更多更全技术文章,欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

{{o.name}}
{{m.name}}

猜你喜欢

转载自my.oschina.net/u/4478396/blog/5566531