如截图所示:
编辑
从提供的最新截图来看,报错非常明确,问题出在 AppID 填错了。
核心错误点
截图报错提示:Error: AppID 不合法... gh_055cbf78357a。
填写的 gh_055cbf78357a 是微信小程序的 原始ID,而不是 AppID。
- 原始ID:以
gh_开头(这是给微信服务器内部用的)。 - AppID:以
wx开头(这才是开发用的 ID)。
解决方案
请按照以下步骤,把错误的 ID 换成正确的 AppID:
第一步:找到正确的 AppID
- 登录 微信公众平台 (mp.weixin.qq.com)。
- 在左侧菜单栏找到 开发 -> 开发管理。
- 点击顶部的 开发设置 选项卡。
- 看到 AppID(小程序ID) ,它是一串以
wx开头的字符(例如wx123456abcdef),请复制它。
编辑
第二步:在 HBuilderX 中修正
- 回到 HBuilderX 开发工具。
- 打开项目根目录下的
manifest.json文件。 - 点击左侧导航栏的 微信小程序配置。
- 找到 微信小程序AppID 输入框。
- 删除 里面那个
gh_开头的 ID,粘贴 刚才复制的wx开头的正确 AppID。 - 按
Ctrl + S保存。
第三步:重新运行
- 由 HBuilderX 重新编译:点击 HBuilderX 顶部菜单的【运行】->【运行到小程序模拟器】->【停止微信开发者工具】(先停掉旧的)。
- 再次点击【运行】->【运行到小程序模拟器】->【微信开发者工具】。
这样再次启动后,微信开发者工具就不会报 invalid appid 的错误了,模拟器也能正常加载出页面。