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

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

报错提示:

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

解决方案:

方案1:

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

方案2:

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