HBuilder X uni-app 微信开发者工具打开项目失败,请参阅启动日志!

       这两天在学习使用uni-app开发微信小程序,使用的是官网推荐的HBuilderX,在使用微信开发者工具运行时出现了“微信开发者工具打开项目失败,请参阅启动日志!”的问题,如图

尝试了很多解决方案,都没能通过HBuilder X跳到微信开发者工具,最后还是在微信开发者工具中手动打开,不过好在可以正常使用,下面是我整理的注意事项:

1. 在HBuilder X中,工具-设置-运行配置里面设置微信开发者工具路径(我在想既然要手动打开,是不是就不用配置这个了,感兴趣的小伙伴可以试一下)

2. 在微信开发者工具的设置-安全设置里打开服务端口

3. 在HBuilder X中以微信开发者工具运行uni-app项目 ,我这里已经运行了

 4. 到这里如果能打开微信开发者工具,那恭喜你已经成功了,如果出现文章开头所说的问题,那就要手动打开项目了,打开微信开发者工具导入项目,选择在HBuilder X中创建的项目目录下的\unpackage\dist\dev\mp-weixin,下图中的test也就是项目名

5.导入之后就可以开始开发了,注意,HBuilder X要保持运行状态,修改代码保存后会在开发者工具中同步更新,如果在开发者工具中出现“更改appid失败touristappidError:tourist appid”的提示弹窗,可在manifest.json中设置AppID,这里把导入项目时的AppID复制进去就可以了

    

 

 

     以上是个人遇到的一些问题,可能还会有一些我没遇到的问题,也欢迎小伙伴们留言讨论。

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
HBuilderX是DCloud推出的一款跨平台的开发工具,而uni-app是基于Vue.js框架的一种跨平台应用开发解决方案。下面我将简要介绍HBuilderX uni-app的开发教程。 1. 环境搭建:首先,我们需要下载并安装HBuilderX开发工具,然后在工具的插件市场中搜索并安装uni-app插件。安装完成后,打开HBuilderX,点击新建uni-app项目,选择你的开发平台(如App、小程序等)和模板,填写项目名称和存储路径,点击完成即可创建一个uni-app项目。 2. 组件使用:uni-app开发中使用的是Vue.js框架,所以你可以使用Vue语法来编写你的界面和逻辑。在HBuilderX的编辑器中,可以直接创建和编辑uni-app项目中的页面,你可以添加页面、组件和自定义样式等。 3. API调用:uni-app封装了一些常用的API接口,可以用来进行数据交互、地理位置服务、摄像头调用等。你可以在编写代码的过程中,直接调用这些API接口来完成你的功能。 4. 打包发布:完成开发后,你可以选择将你的uni-app项目打包发布到不同的平台,如App、小程序等。在HBuilderX中,你可以选择对应的平台,然后进行打包操作。 总的来说,使用HBuilderX开发uni-app项目可以让你在一个工具中完成多个平台的开发,极大地提高了开发效率和便利性。你可以通过学习和实践上面的教程,掌握HBuilderX uni-app开发的基本技能,进行跨平台开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值