HBuilderX uni-app发行到微信小程序时报错（已解决）

已于 2025-04-15 14:22:11 修改
阅读量8.9k 收藏 6
点赞数 3
分类专栏： HBuilder error 文章标签： HBuilderX uni-app 发行 微信小程序 报错
于 2019-12-17 18:42:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43316300/article/details/103461897
版权

目录

前言

作为新手第一次使用HBuilderX uniapp 发行到微信小程序时 , 很大程度会出现以下的错报错提醒
uniapp发行到小程序报错

一、在 HBuilderX 中 uniapp 项目中找到 manifest.json (微信小程序配置) 中填写 微信小程序AppID 并且勾选下图配置

微信小程序配置

二、首先打开微信微信开发者工具 , 找到设置 – 安全设置

设置--安全设置

三、在安全设置中开启服务端口

在安全设置中开启服务端口

四、最后点击 发行 — 小程序-微信(仅适用于uni-app)

发行小程序-微信(仅适用于uni-app)

五、感谢

如果觉得有用欢迎点赞关注收藏。
有问题私信我！！~~
谢谢

uniapp - 微信小程序报错 TypeError: Property value expected type of string but got null（属性值需要字符串类型，但得到null）
王二红
04-04 6889
uniapp，微信小程序平台，Uniapp运行报错，TypeError: Property value expected type of string but got null，uni-app发行微信小程序时报错，解决小程序报错，编译就报错了，还没启动工具呢， HBuilderX，uniapp运行到微信小程序报错，uniapp编译小程序时报错，但H5和app端无问题，uniapp真机运行报错，uniAPP微信小程序手机运行出错，uniapp 苹果ios 安卓启动小程序失败，都检查了还是报错，开始差量编译后直
【解决】HBuilder 运行到微信小程序失败 IDE service port disabled. To use CLI Call, please enter y to confirm enabli
charlesfromcn的博客
01-27 2757
[error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。运行HBuilder，【运行】-【到小程序模拟器】-【微信开发者工具】这里报错很明显，服务端口指的是微信开发者工具的端口。我们根据报错指引，去微信开发工具里面修改配置。
hbuilder X发布微信小程序失败的解决方法
南北极之间
03-10 5993
如果是包太大，就先分包；（分包后，主包仍然很大，而且也无法继续拆分的话，就试试在【发行】里面点【发布】！而不是在【运行】里面上传代码！但是主包里还有很多uniui的组件，占了2m多，之前一直是点击运行，然后再上传代码。提示的超过2m无法上传。uniapp 超过2m无法上传代码！uni-module太大了，小程序无法上传怎么办？还有要先关闭运行中的小程序项目。然后再点【发布】，让hbuilder X软件自动去启动微信开发者工具，有时候要点击很多次。有时候，会因为网络不良或者管理员权限问题导致发布失败。
uniapp开发的项目上传到国内主流应用市场（华为、小米、oppo、vivo）
最新发布
monika_yu的博客
05-08 1440
AppID: uniapp创建项目后会自动生成，不能随意变更。应用名称：发行为App时作为应用桌面图标的名称。应用描述：用于简单介绍应用情况，发行为App时不会使用。可以不填。应用版本名称：云端打包后设置为原生工程的应用版本名称。如：主版本号.次版本号.编译版本号应用版本号：应用的内部版本号，必须使用整数，用于记录开发版本的。建议每次发布（云端打包）时更新为比上一次高。云端打包后设置为原生工程的应用版本号。
关于使用uni-app开发微信小程序，最后微信开发者工具发布时出现异常无法发布的问题以及解决方法。
gyc2004114的博客
04-25 1007
出现上述问题时，不要关闭微信开发者工具，直接在HBuilder X中重新发行就解决了。注意，还是出现上述问题时，可以重复发行操作一两次。
HBuilder X运行微信小程序项目至微信开发者工具失败
田螺姑娘的博客
08-01 1897
HBuilder X运行微信小程序项目至微信开发者工具失败 在HBuilder X中运行微信小程序项目时，此步于以下过程，无法进一步打开界面。 情形如下： 解决方案： 导入项目即可，但是需要注意导入项目的路径信息。 需要是当前项目unpackage==>dist==>dev==>mp-weixin下面的文件，微信开发者工具才能识别。 ...
uniapp 自定义组件建议移动到子包发布微信小程序失败
leiliang520130的专栏
07-30 1126
尽管这只是建议，但你可以尝试将 `components/order-goods/order-goods` 移动到子包 `bundle` 内，看看是否能解决问题。- **项目配置问题**：检查项目的 `project.config.json` 文件，确保配置正确。- **网络问题**：检查你的网络连接，确保你能正常访问微信开发者工具的服务器。- **微信开发者工具版本问题**：确保你使用的是最新版本的微信开发者工具。- **权限问题**：确保你有足够的权限发布该项目，特别是在多开发者协作时。
HBuilderX 编译 Uniapp 微信小程序失败
u011929670的博客
07-07 4441
failed to load config from vite.config.ts HBuilderX 编译 Uniapp 微信小程序失败
uni-app从入门到一 （二）uni-app脚手架搭建项目
wuhui2100的博客
07-03 5427
uni-app两种开发方式 第一种：使用DCloud公司提供的HbuilderX编辑工具，我们只需要点击基本的创建按钮，就可以创建一个初步项目了 第二种：就是使用uni-app脚手架开快速搭建项目与开发，该方式是使用传统的node脚手架方式来开发，使用脚手架搭建项目是一名前端工程师的基本功，那么接下来就让我们一起来学习uni-app脚手架的项目搭建吧！ 第一步 配置全局安装工具 1、首先安装node，进入node官网下载相应的版本，我这里使用的是最新版本 ...
uniapp 运行项目到微信开发者工具报错
m0_74829310的博客
01-22 1491
Enable IDE Service (y/N) [27D[27C 14:42:27.051 [微信小程序开发者工具] - initialize 14:42:27.051 [微信小程序开发者工具] 14:42:27.054 [微信小程序开发者工具] × initialize 14:42:27.054 [微信小程序开发者工具] 14:42:27.056 [微信小程序开发者工具]此原因是因为你用uniapp启动的微信开发者工具 微信开发者工具的端口号未开启 我们开启一下微信开发者工具的端口号就可以了。
【小程序】uniapp发行微信小程序上传失败Error: Error: {"errCode":-10008,"errMsg":"invalid ip...
程序员老狼专注开发aigc或客服系统应用
07-27 6919
uniapp发行微信小程序上传失败Error: Error: {"errCode":-10008,"errMsg":"invalid ip: 遇到这个错误，是因为我们使用uniapp框架单独发行小程序，使用的是:miniprogram-ci 所以需要配置IP白名单，如果嫌麻烦，可以关闭掉 ...
使用Hbuilder发布小程序显示发布失败?
m0_56381003的博客
03-14 509
接受了一个新uniapp项目 但是在Hbuilder中发行报错 小程序发行失败 试了几次还是不行写代码的人也走了，头疼。不用Hbuilder小程序的主包体积又太大哎 开发工具无法上传~后来想看一下 这个发布失败到底有没有生成打包好的文件 如果生成了可以试一下 直接导入到微信开发工具中尝试一下发布。
UNI-APP在微信上运行失败问题
hong_339的博客
03-20 2190
最近公司准备启用UNI-APP来进行app的开发，我好奇就来学习了一下，新建项目后，运行在浏览器可以正常运行，可是运行到微信小程序老不成功，很多视频都说配置微信开发者工具的路径，我也是照样配置了，还报如下错误： 期初我以为是版本问题，我立马升级微信开发者工具，但是还是不行，后面在manifest.json中的小程序设置中把小程序的appId设置就好了，现把它记录下来，为后面遇到此坑的伙伴能快速...
关于hbuilderx初次编译uniapp项目的微信小程序所遇到的问题
走在路上的张先森
05-23 4580
相关插件的安装 预编译器错误：代码使用了less语言，但未安装相应的编译器插件，请前往插件市场安装该插件: 11:37:08.670 https://ext.dcloud.net.cn/plugin?name=compile-less at wxcomponents\components\gaoyia-parse\parse.vue:1 进入插件市场，导入插件到hbuilderx 点击确定进行安装 再跑一次微信小程序项目 显示端口关闭： 进入微信开发者工具进行设置；开启服务端口 再次编译一次：
【微信小程序】HBuilderX新建微信小程序编译报错，提示工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -＞ 设置 -＞ 安全设置，将服务端口开启。
dzqxwzoe的博客
01-29 4222
今天初学uniapp框架，想尝试开发一个微信小程序，用HBuilderX新建了一个空白的模板程序，编译运行后报错如下：[微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please[微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 ->安全设置，将服务端口开启。
uniapp打包部署微信小程序之后微信上传失败
分享技术和学习技术两不误
11-29 516
uniapp打包部署微信小程序之后微信上传失败代码主超过2M。
uniapp 开发微信小程序请求问题 , 真机调试正常,开发工具正常,但是使用扫码预览接口都是不通的,发布到体验版也是请求失败
weixin_60408555的博客
07-06 3115
uniapp开发小程序体验版接口请求失败（真机可以）
hbuildex运行微信小程序报错
**My Coding Family**
10-13 1849
删除并重新安装依赖是最常见的解决方法。确保开发工具（HBuilderX、微信开发者工具）的版本和配置与其他电脑一致。检查项目路径和权限，特别是在从其他电脑复制时可能导致的问题。清理缓存、确保路径配置正确也很重要。如果这些方法仍然无法解决问题，可以提供更详细的错误日志截图，帮助进一步排查。希望如上措施及解决方案能够帮到有需要的你。
uniapp 开发微信小程序遇到的坑 本地运行没有报错 发布打包的时候报错了
Ruiqi8的博客
11-24 395
原因就是！！！！！！！
HBuilderX用uni-app做微信小程序授权登录
11-15
HBuilderX是一款基于DCloud（云软）的前端开发工具，它支持通过 uni-app 框架快速构建跨平台的应用，包括微信小程序、App等。对于微信小程序的授权登录，uni-app 提供了统一的解决方案，你可以使用其内置的`wx.login`接口来进行授权登录。 以下是使用HBuilderX在uni-app中进行微信小程序授权登录的基本步骤： 1. **导入依赖**：在HBuilderX项目中，需要先安装微信小程序的JS SDK，可以在项目的配置文件`config.js`中添加`uniapp`的SDK到`frameworks`数组里。 ```javascript // config.js frameworks: { // ...其他框架 wx: { env: 'development', // 或者 'production' options: { logJsApiCall: true, // 开启调试模式打印日志 debug: true, } }, } ``` 2. **引入并初始化**：在需要使用登录功能的地方引入微信JS-SDK，并调用`login()`函数请求用户授权。 ```javascript Page({ onReady() { uni.login({ success: (res) => { // 获取到code后，可以调用微信的统一下单接口换取access_token this.getAccessToken(res.code); }, fail: () => { console.error('登录失败'); } }); }, getAccessToken(code) { // 使用code换取access_token，然后进行登录操作 } }) ``` 3. **处理回调**：`getAccessToken`函数中，你需要调用微信提供的API，如`wx.request`，将code发送到后台服务器换取access_token和openid，然后结合这些信息完成用户的登录流程。 4. **保存并刷新**：登录成功后，通常会将用户信息保存到本地或服务器，下次打开小程序时，如果用户已经授权，可以直接从缓存中获取身份信息而无需再次授权。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值