微信小程序页面手机预览无法加载显示,真机调试(及本地开发工具)显示正常

问题描述:

微信开发者工具
*预览(二维码扫描)页面跳转不显示(控制台无报错日志)
*真机调试正常显示
*本地工具打开正常显示

解决方法:

检查项目页面中是否使用第三方插件(如果有使用插件,则是否存在这个路径插件),找到并检查其引用路径是否正确,若不确定也可以将其暂时注释,重新编译查看界面显示是否正常。

声明: 小程序的启动第一次编译是整个项目,如果你仔细观察可以看到界面具体编译到某个路径的页面,
所以如果其中某个页面的插件引入有问题或者说该插件未存在都会导致报错,本来按常理说,哪个页面有错误信息,只要不进入该页面系统就不会检测这个错误,之前我就是由于这样的想法,导致荒废很多时间

锁定问题关键是通过手机预览进入小程序,打开调试工具,看报错日志,

通过调试工具,找到并解决问题:(本人)

启动后控制台有大量日志信息,由于速度加载快,当时并未看到报红的日志,(后面再次查找日志,发现报红日志),提示:moment该插件的路径不存在,后面将其文件放置对应文件夹编译,问题解决!
至于问题出现的原因,是之前的开发人员在使用moment时间插件时,并未将其传到代码仓库Gti,导致后面的原因。

后语:(个人看法,若有不足,望指正!)

1.项目加载编译时,其实编译加载是整个项目,若出现问题会影响其它功能的使用和生成。(某个页面有问题,就算没有访问这个页面,也会影响其他页面功能的使用)
2.未发现第三方插件的路径,排查错误时,本地(微信开发者工具)的控制台并未有错误日志打印,这时候需要通过手机预览功能,打开调试工具,来查看日志信息。

注:
小程序打开调试工具,现在只有体验版可以通过右上角打开,若需要正式版也出现调试工具,只要之前你打开过体验版的调试工具并未去关闭,开发版界面默认就保留。

之前的排查法:
1.新建一个页面,并写好跳转路径,发现也不显示,
2.在问题页面,观察对应json文件并未发现异常
3.问题页面,将onload 'onshow 内的业务逻辑代码将其注释,(忘记查看最上面的导入文件部分)

### 微信小程序开发中的真机调试方法 #### 准备工作 为了能够顺利进行微信小程序真机调试,需先完成一些准备工作。这包括但不限于安装并设置好微信开发者工具以及确保设备处于同一局域网环境之中[^1]。 #### 配置与操作流程 当准备就绪之后,在执行真机调试前还需要确认几个重要的配置选项: - **检查IP地址一致性**:验证计算机和移动设备是否位于相同的本地网络下,并记录两者的IP地址信息。可以通过命令提示符下的`ipconfig`指令来查询PC端的IP;而在移动端,则可通过Wi-Fi设置页面找到对应的IP详情[^4]。 - **启动服务端监听**:如果涉及到向自定义API发起请求的情况,那么应该让后端服务器在同一局域网内部开启对外部访问的支持,以便于前端可以正常调用这些接口资源[^2]。 #### 实际上手实践 一旦上述条件都已满足,便可以在微信开发者工具里按照如下方式开展实际的操作过程: 1. 进入【项目】菜单栏选择目标应用; 2. 点击左上方的小程序预览图标旁边的小箭头展开更多选项; 3. 选取“使用当前版本扫码体验”,此时会弹出二维码供扫描链接至真实环境中运行的应用实例; 4. 使用绑定过的微信号扫面该码即可加载最新构建好的包文件到手机客户端上展示出来; 5. 对应地,在IDE界面下方也会同步显示出实时日志输出窗口用于监控交互行为产生的各类事件消息。 值得注意的是,有时可能会遇到某些特殊情况比如Network面板未能正确反映出所有的HTTP(s)流量状况等问题。这时不妨试着调整浏览器扩展插件的状态或是更新最新的SDK版本试试看能否解决问题所在[^3]。 ```python # Python代码仅作为示例说明用途而非直接关联本主题内容 print("此段落意在提供额外帮助理解但并非必要组成部分") ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值