小程序测试环境 预览模式 请求失败 或 白屏自定义组件内容不显示 踩坑经验

小程序测试环境预览模式接口请求失败或真机调试白屏或自定义组件内容不显示 解决方案

问题简述：小程序开发过程中预览模式请求接口失败/真机调试部分页面白屏或带有自定义组件的页面白屏，可以尝试以下步骤排雷。
测试环境预览模式接口请求失败和白屏问题排雷步骤：
**第一步：**解决所有接口请求失败问题：使用预览模式检查自己手机调试模式是否开启，测试环境如果是内网地址还要确保连接了公司WIFI，否则会造成接口请求失败，打开手机调试模式确保测试环境接口请求成功。（手机上找到以下界面 点击打开调试后=》重新进入小程序）

**第二步：**白屏问题：关闭微信开发者工具中 ‘代码上传时自动压缩’或‘上传代码时自动压缩混淆’ 都是一个意思，开发工具版本不同 取名不同

第三步： 白屏或页面真机不显示问题很可能是你封装的自定义组件或引用的第三方插件有问题，建议直接把封装组件的代码直接放到pages页面上，避开引用组件。（自定义组件/第三方组件/插件在真机上都可能无法显示）

如果以上几步没有解决，建议更新下开发者工具或切换下开发工具调试基础库。如果你也遇到白屏问题或者有更好的解决方案 欢迎留言，与大家共享交流。