HBuilderX打开微信开发者工具失败的解决方法

一、问题解决

今天开始学习uni-app时用到了HBuilderX ,新建项目之后发现运行小程序模拟器-微信开发者工具时,无法打开微信开发者工具,你会发现它报错了。经过多次百度查找下,我找到了这个方法,然后总结出来供大家一起参考解决问题,这里提供两种方案,比较推荐使用第二种方案。

报错提示:

HBuilderX打开微信开发者工具失败的解决方法_第1张图片

解决方案:

方案1:
   打开微信开发者工具 – 设置 – 安全 – 开启服务端口,再到HBuilderX重新运行即可。
  HBuilderX打开微信开发者工具失败的解决方法_第2张图片
这里打开微信开发者工具之后可能会出现 :加载中~ 初始化应用通信能力,这时我比较推荐使用第二种方案。

方案2:
   直接通过微信开发者工具打开uni-app项目:unpackage–>dist–>build–>mp-weixin,这里需要注意的是 HBuilderX编辑器一定要运行小程序模拟器-微信开发者工具,不然在HBuilderX编辑器修改/添加的东西不能实时更新到微信开发者工具中。

HBuilderX打开微信开发者工具失败的解决方法_第3张图片
导入之后的效果图:
HBuilderX打开微信开发者工具失败的解决方法_第4张图片
随意在 uni-app项目中加点东西:
HBuilderX打开微信开发者工具失败的解决方法_第5张图片
HBuilderX打开微信开发者工具失败的解决方法_第6张图片

二、补充部分

关注公众号:【深漂程序员小庄】:
内含丰富的学习资源和面试经验(不限前端、java),还有学习交流群可加,并且还有各大厂大佬可一起交流学习,一起进步~添加小庄微信,回复【加群】,可加入互联网技术交流群:

HBuilderX打开微信开发者工具失败的解决方法_第7张图片

你可能感兴趣的:(uni-app,uni-app)