uniapp运行到小程序模拟器的方法 - uniapp开启微信开发者工具预览支持 - HBuilderX

Posted 2022-04-23 Rudon滨海渔村

效果图

 

步骤

1）下载安装 稳定版的“微信开发者工具” - 有就更新到最新版
稳定版 Stable Build | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2）找到电脑上的“微信开发者工具”安装目录的路径

3）在HBuilderX中选择菜单 > “运行” > “运行到小程序模拟器” > 运行设置

4）设置好 微信开发者工具路径

 

5）打开并登录到“微信开发者工具”，点击“设置”

 

6）安全 > 打开“服务端口”

 

7）回到HBuilderX，点击菜单栏 > “运行到小程序模拟器” > “微信开发者工具”

 

8） 搞定，如果是空白页，请参考：
uniapp运行到微信开发者工具中小程序端页面空白的解决办法_Rudon滨海渔村的博客-CSDN博客效果图解决步骤1）确保“微信开发者工具”和HBuilderX已经是最新版本 菜单栏 > 微信开发者工具 > 检查更新 > 立即更新 （最好是重启后再更新） 2）确保“微信开发者工具”中无报错 - 有就回到HBuilderX检查修正 3）搞定，再不行就全部重装详细步骤更新更新更新升级安装，有问题的话可以重启再装，不行的话就“忽略”或者干掉...https://blog.csdn.net/qq285744011/article/details/124327230

 

相关错误提示

17:05:02.840 正在启动微信开发者工具...
17:05:03.819 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.
17:05:03.824 [微信小程序开发者工具] For more details see: https://developers.weixin.qq.com/miniprogram/en/dev/devtools/cli.html
17:05:03.827 [微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。
17:05:03.827 [微信小程序开发者工具] 详细信息: https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html
17:05:03.834 [微信小程序开发者工具]
17:05:03.834 [微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C
17:05:03.837 [微信小程序开发者工具] - initialize
17:05:03.838 [微信小程序开发者工具]
17:05:03.841 [微信小程序开发者工具] × initialize
17:05:03.841 [微信小程序开发者工具]
17:05:03.844 [微信小程序开发者工具]

封面