HarmonyOS 鸿蒙Next JS UI框架APP真机测试首页出现黑色界面的3种解决方法

HarmonyOS 鸿蒙Next JS UI框架APP真机测试首页出现黑色界面的3种解决方法 我们在代码编辑器DevEco Studio中创建JS UI框架的APP项目之后，进行真机签名测试之后，会发现APP的首页出现黑屏现象，以至于Hello Word这样的信息也看不到。如下图：

但是我们想看到APP首页正常显示的内容，如下图：

根据华为官方技术人员提供的协助，我根据上面的问题分3种解决办法。

办法1：

在手机、平板电脑等设备上面，只需要把“深夜模式”关闭，重启项目即可让APP的首页正常显示，具体操作如下图：

办法2:

如果你不想关闭“深夜模式”，又想让APP的首页为黑色背景，“Hello Word”信息显示为白色，需要在自己的项目中重新设置index.css的样式，正确设置如下图：

办法3:

不管是“白天模式”还是“深夜模式”，你都希望APP的首页界面显示为白色，需要重新设置index.css的样式，正确设置如下图：

个人总结：

以上3个解决办法，如果是要真正去开发JS UI框架的鸿蒙APP，我建议最好使用第2种办法和第3种办法。

3种办法的区别：

第1种办法，实际上设备的使用者再次开启“深夜模式”后，APP的首页仍然为黑色背景，白色字体信息仍然看不到，也就是所谓的bug仍然存在，只能在白天模式下正常显示。

第2种办法，设备关闭“深夜模式”后，APP的首页界面会和系统的界面背景以白色为主；重新开启“深夜模式”，App的首页界面和系统的界面背景以黑色为主。

第3种办法，不管“深夜模式”有没有关闭，App首页的界面背景都是以“白色”为主。

可以很明显的知道，第2种和第3种设置方法能够让我们的设备在进行真机测试时都能让首页的界面正常显示。