uniapp开发微信小程序过程中HBuilderX无法运行到微信开发者工具原因汇总

在使用uniapp开发微信小程序过程中,项目无法运行到微信开发者工具的常见原因汇总

1、未下载微信开发者工具,或者新下载的HBuildeX 未配置微信开发者工具目录

未下载微信开发者工具

打开微信开发者工具下载地址下载自己电脑对应系统的安装包,并安装

2、HBuilderX开发工具未配置微信开发者工具路径

如果是首次安装的HBuilderX开发工具,点击运行到微信开发者工具会提示配置微信开发者工具路径 QQ截图20210320114610.png

QQ截图20210320114626.png

点击浏览,找到你的微信开发者工具的安装目录 QQ截图20210320114941.png

例如:我的微信开发者工具安装路径为:D:/Program Files/微信web开发者工具 直接选择这个目录即可,不要再往下级目录选择了,也不要选择 .exe文件

选择完文件夹点击OK即可,这样HBuilderX就可以打开微信开发者工具进行实时预览了 微信开发者工具同时还需要开启服务端口,如未开启,参考下面的流程进行配置

微信开发者工具未开启安全端口

如果微信开发者工具是新下载的话,按照上述流程配置完成之后会报如下错误,可以参考报错信息去开启微信开发者工具的安全端口 QQ截图20210320115543.png

手动打开微信开发者工具,在顶部工具栏选择设置,在安全里面打开服务端口 QQ截图20210320120019.png

设置完成之后关闭微信开发者工具,然后再HBuilderX中重新运行项目,现在就可以正常运行了,HBuilderX会自动打开微信开发者工具,进行项目预览,微信开发者工具里面的代码是HBuilderX编译处理之后的代码,不要再微信开发者工具内修改代码,修改代码请在HBuilderX内进行代码修改

其他错误问题

(1)之前已经下载过微信开发者工具了,但因某些原因卸载掉了,导致HBuilderX内的微信开发者路径错误,可在重新安装微信开发者工具后,在HBuilderX菜单栏-->工具-->设置-->运行设置里面重新配置微信开发者工具路径

QQ截图20210320121026.png

(2)如果上述问题都确认无误的话,可以在项目根目录下删除项目编译后的代码目录,然后尝试重新运行

删除根目录下 unpackage 目录 然后重新运行 QQ截图20210320121359.png