通过HBuilderX运行uniapp到微信者开发工具

这篇具有很好参考价值的文章主要介绍了通过HBuilderX运行uniapp到微信者开发工具。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、安装开发工具

二、配置运行微信开发者工具

三、异常处理

1.[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C

2. [error] Error: Fail to open IDE

3.[app.json 文件内容错误] app.json: 在项目根目录未找到 app.json


一、安装开发工具

安装HBuilderX 官方下载地址【官方IDE载地址】
HBuilderX是通用的前端开发工具,但为uni-app制成特别强化。
下载App开发版,可开箱即用;如下载标准版,在运行或发行uni-app时,会提示安装uni-app插件,插件下载完成后方可使用

二、配置运行微信开发者工具

打开工具-设置

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

点击运行配置-往下滑找到小程序运行配置-填写本地安装路径

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

运行-运行到小程序模拟器-微信开发者工具

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

三、异常处理

1.[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C


09:10:10.971 [微信小程序开发者工具] - initialize
09:10:10.972 [微信小程序开发者工具]
09:10:10.972 [微信小程序开发者工具] × initialize
09:10:10.973 [微信小程序开发者工具]
09:10:10.974 [微信小程序开发者工具]

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

 根据提示,我们需要去小程序打开安全设置

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

 打开服务端口

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

2. [error] Error: Fail to open IDE

控制台报 [error] Error: Fail to open IDE 错误一般有两个原因,一般是直接拉取别人代码可能出现此类问题,这个时候我们需要重新对代码进行配置修改

1)微信小程序AppID错误

方式1.在HBuilderX当前demo的manifest.json直接修改配置AppID,然后启动程序(不建议)

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

方式2.在微信开发者工具直接修改AppID

第一步记得一定要先点击头像扫码登录,关联公众平台的开发者才能使用AppID

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

点击详细-修改AppId

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

 选择从公众平台绑定开发关系的AppID就可以正常开发调试了

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

补充:如果没有AppID可以去微信公众平台申请

教程:如何申请微信小程序开发APPID_百度知道 (baidu.com)

2) 小程序打开目录与之前设置不符

1.点击添加

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

2.修改项目路径

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

3.点击文件,选择文件夹,导入项目

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

 3.[app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

这是因为uniapp项目还未转成微信小程序需要转换一下

重点:  首先一定要有unpackage文件夹,如果没有的需要到HBuilder X 重新运行编译一下

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

 修改project.config.json指定 app.json 路径

通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

记得是在setting下面,添加:

"miniprogramRoot": "unpackage/dist/dev/mp-weixin/",

 通过HBuilderX运行uniapp到微信者开发工具,小程序,微信小程序,uni-app,小程序

 点击重新编译就可以正常执行项目啦

 文章来源地址https://www.toymoban.com/news/detail-572401.html

 

 

到了这里,关于通过HBuilderX运行uniapp到微信者开发工具的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 通过HbuilderX启动 微信开发者工具

    下载安装HbuilderX教程 链接: https://blog.csdn.net/qq_43102730/article/details/125611294?spm=1001.2014.3001.5501 下载安装 微信开发者工具教程 链接: https://blog.csdn.net/qq_43102730/article/details/125611297?spm=1001.2014.3001.5501 打开HbuilderX编辑器,打开要运行的项目 在HbuilderX顶部导航栏找到工具 - 设置 -运行配

    2024年02月10日
    浏览(69)
  • 将uniAPP项目导入到微信开发者工具中保姆级教程

    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 uni-app官网 uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序

    2024年02月04日
    浏览(47)
  • 附录1-将uni-app运行到微信开发者工具

    目录 1  在manifest.json写入AppID 2  配置微信开发者工具的安装路径 3  微信开发者工具的安全设置 4  运行 5  修改一些配置项 如果你忘了安装在哪里了,可以右键快捷方式看一下属性 在运行设置中找到微信开发者工具路径,然后选择到文件夹一级就可以了 写完了直接关闭

    2024年02月15日
    浏览(46)
  • uni-app从创建到运行到微信开发者工具

    uni-app是一个基于Vue.js开发跨平台应用的前端框架 解决了原生小程序编写的繁琐,只要你会vue就可以通过uni-app编写小程序 首先开发工具我推荐HBuilder,虽然我比较喜欢VScode,但这个真的很适合写uni-app,而且uni-app官方推荐使用HBuilderX来开发uni-app类型的项目 好处:模板丰富、有

    2024年02月09日
    浏览(76)
  • uni-app运行到微信开发者工具-没有打印的情况

    前言 到我们进场使用微信开发者工具时,就会发现它经常会有bug,特别是在软件更新,组件库更新之后 最近在更新微信开发者工具之后发现所有打印都不显示了,虽然是小问题-但对于强迫症很烦 以为是代码配置问题-结果是更新之后打印开关开启不打印 查看地方-来到微信开

    2024年02月09日
    浏览(66)
  • HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决

    这个问题遇见过几次了,老是忘记,所以记录一下 在uniapp写的项目在hbuiderx中,以微信开发者工具打开 结果报错 HBuilderX 运行微信开发者工具 “Fail to open IDE“报错解决 小程序AppID没有配置或者不是自己的,需要换成自己的 AppID在下方地址的 开发管理 中的 开发设置 里找 地址

    2024年02月16日
    浏览(64)
  • uni-app 使用axios发请求 运行到微信开发者工具报错 Adapter “http‘ is not available in the build

    场景 最近在使用uni-app开发H5移动端,跟往常一样使用axios发请求,做一些全局的请求拦截响应拦截操作 uni-app数据存储,uni-ui组件开发,配置axios,vuex。配置了vue.config.js文件做跨域操作 运行到谷歌浏览器一切正常,但是运行到微信开发者工具就开始报错,Adapter-适配器不可用

    2024年02月08日
    浏览(58)
  • 【HBuilderX】打开运行到微信小程序报错,Error: Fail to open IDE

    一、问题: 二、分析: AppID没有权限 三、解决: 【微信小程序官网】https://mp.weixin.qq.com/ 【法1】 让管理员拉你进项目成员 【法2】 去除 ,打包时再加上 【法三】 换成自己的AppID

    2024年02月14日
    浏览(57)
  • hbuilder运行uniapp,微信开发者工具打开但没有运行项目

    最近接手公司uniapp项目,使用Hbuilder运行uniapp,微信开发者工具打开但没有运行项目 :     检查微信小程序开发工具是否最新版; 微信开发者工具登录的微信号,可能未绑定该小程序项目的appid,需要到小程序管理后台绑定该微信账号为开发者账号; 将项目直接拉入微信开发者工具

    2024年02月09日
    浏览(57)
  • 解决前端项目问题,uniapp运行微信开发工具小程序,出现× initialize报错,以及浏览器无法运行

    uniapp进行小程序以及多端web页面都不知道如何配置讲项目运行起来。 就会报出无法运行错误。 [微信小程序开发者工具] - initialize [微信小程序开发者工具] [微信小程序开发者工具] × IDE may already started at port , trying to connect如图 这是因为没有配置好安全设置和运行设置。 一,

    2024年01月20日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包