使用HBuilderX运行uniapp到微信开发者工具编译完成，报错

最新推荐文章于 2025-02-28 15:00:52 发布

南宫尚风

最新推荐文章于 2025-02-28 15:00:52 发布

阅读量512

点赞数 1

文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_47025422/article/details/128805827

版权

错误如图：

解决方案：

找到unpackage/dist/build/mp-weixin/project.config.json

在project.config.json增加代码：

“miniprogramRoot”: “./unpackage/dist/dev/mp-weixin/”,

重新编译后再发行就可以解决问题。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南宫尚风

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp - HBuilderX运行到内置浏览器编译报错 ublic static TextAppearance_Holo_Small: number； SyntaxError: Unexpect

王二红

10-08

4822

uni-app，运行到内置浏览器报错无法编译，uniapph5项目运行失败，hbuilder运行内置浏览器报错，uniApp报错ublicstaticTextAppearance_Holo_Small:number，SyntaxError:Unexpectedidentifier，已停止运行，h5端平台编译出错，uniapp移动端h5项目运行报错，突然报错，代码没有问题，uniappvue2H5网站报错，vue2项目运行内置浏览器报错，vue3没问题正常编译，更新编译器就这样了，项目代码没有

uniapp创建微信小程序常见问题（持续更新！）

GLimerence的博客

05-10

1529

uniapp开发微信小程序常见问题

1 条评论您还未登录，请先登录后发表或查看评论

uniapp使用中出现的问题

m0_65450343的博客

01-27

889

uniapp使用中的问题真机调试时，运行到手机，手机显示‘本应用无法独立运行，需与HBuilderX搭配使用...

uni-app开发之编辑器HBuilderX（一）

sinat_34626741的博客

03-18

2580

前言：一直想要研究uni-app，苦于没有合适的项目和时机，最近帮同事解决一些小程序的bug，终于下定决心好好整理一下笔记，开始入坑uni-app 一、编辑器（HBuilderX） uni-app需要真机模拟，所以使用专业的编辑器会事半功倍。 1、下载地址：HBuilderX-高效极客技巧（建议使用正式版----app开发版）说明：Alpha更新频率高，不稳定，所以最好下载正式版标准版可用来开发web，和vs code 、webstrom差不多，要运行uni-app需要装对应插件...

微信开发者工具里面。mui复选框点击报错Uncaught TypeError: Cannot read property ‘0‘ of undefined

肖肖肖丽珠的博客

03-24

2659

我们是在微信开发者工具里面测试的复选框，却发现点击复选框按钮一直报错。但是如果我们在浏览器里面看。他是正常的不会报错的。好像这个只是微信开发者工具里面有问题实际线上微信测得是没问题。具体的原因还不知道。只能暂且不管这个错误了。 ...

uni-app项目在微信开发者工具打开时报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

G佳伟

05-18

6423

uni-app项目在微信开发者工具打开时控制台报错[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2303220;

hbuilder X发布微信小程序失败的解决方法

南北极之间

03-10

5973

如果是包太大，就先分包；（分包后，主包仍然很大，而且也无法继续拆分的话，就试试在【发行】里面点【发布】！而不是在【运行】里面上传代码！但是主包里还有很多uniui的组件，占了2m多，之前一直是点击运行，然后再上传代码。提示的超过2m无法上传。uniapp 超过2m无法上传代码！uni-module太大了，小程序无法上传怎么办？还有要先关闭运行中的小程序项目。然后再点【发布】，让hbuilder X软件自动去启动微信开发者工具，有时候要点击很多次。有时候，会因为网络不良或者管理员权限问题导致发布失败。

使用 HBuilder X 进行 uniapp 小程序开发遇到的问题合集

shenjing_Shining的博客

07-03

1162

HBuilder X 版本：HBuilderX.4.15.2024050802微信开发者工具版本：wechat_devtools_1.06.2405020_win32_x64。

uni-app在hbuilderx打开微信开发工具运行

Min_nna的博客

01-30

1118

编译报错：[ app.json 文件内容错误] app.json: app.json 未找。3、在回到微信开发者工具运行导入指定文件对应的路径，点至mp-weixin，一般为项目中。配置微信开发工具的安装路径（可浏览文件位置选择）；1、运行项目之前，我们这里使用的是HBuilder X 这个软件运行的。2、在左上角找到运行，运行到小程序模拟器–微信开发者工具（第一个即可）我们的项目就可以了，此时我们的项目便可以启动啦。运行-运行到小程序模拟器-运行设置。打开这个软件，导入你的小程序的项目。

Hbuilderx用uniapp开发小程序

02-17

一旦上述步骤处理完毕，就可以在HBuilderX中运行项目到小程序模拟器，并且模拟器会正常同步到微信开发者工具中。如果在实际开发过程中遇到单个页面的报错问题，例如css中出现的编码问题，建议开发者注意不要使用不...

uni-app HBuilderX 打包编译失败 node.js spawn ENAMETOOLONG 报错

以后永远的博客

07-19

5124

uni-app 问题整合打包错误问题近日 HBuilderX uni-app 打包出现问题直接上图报错情况如下：思路解决办法： 1.看报错来说是 node.js 编译错误具体的报错行数也已经说了在util.js 里面有错误信息。于是我看我的文件夹下有一个文件名正好叫做util.js 我于是接着就把这个文件的关联和文件让我给删了。结果还是不行。 2.各种百度 google...

uni-app运行项目时报错--解决办法

热门推荐

mxjwxhn的博客

10-06

1万+

报错信息： / 开始编译当前项目至 mp-weixin 平台… momopic@0.1.0 dev:mp-weixin D:\桌面\momopic ERROR Failed to compile with 1 errors 9:11:48 ├F10: AM┤ This dependency was no

uni-app项目利用HBuilder X工具使用命令一键自动编译导出APP资源

mwu的博客

12-18

4610

1、准备工作安装HBuilder X工具，可视化界面创建uni-app项目（没有这方面的知识可以到官网了解学习，此次教程是基于uni-app离线打包的）PS：如果利用cli命令创建项目的话则可直接利用cli命令导出APP资源，这里不做具体介绍，想要了解的可以移步到uni-app官网了解学习，下文都是基于可视化界面创建项目的，不再注明。安装Node.js（详见另一篇文章Node.js安装教程），这里需要注意的是由于技术的更替，对于一些旧版本已经不再支持，所以对Node.js的版本是有要求的，这里的版本最低

在微信开发者工具里运行微信小程序出现[ app.json 文件内容错误] （app.json: app.json 未找到)

fallsTheDust的博客

08-20

9022

原因原因在于导入微信开发者工具后project.config.json文件被微信开发者工具修改解决方案在project.config.json添加"miniprogramRoot": "./unpackage/dist/dev/mp-weixin" ./unpackage/dist/dev/mp-weixin这个路径是app.js的路径注意：要在unpackage同级目录下的project.config.json里填写app.js的路径，不要填在unpackage下的project.

初入微信小程序遇到的问题

yigeboke的博客

02-23

280

刚创建完uniapp项目,运行时微信小程序报错: 在配置文件project.config.json中添加一行代码解决问题 "miniprogramRoot": "unpackage/dist/dev/mp-weixin/", 这时再编译就没问题了

通过HBuilderX开发调试微信小程序

weixin_44714376的博客

06-27

3861

（2）对该项目进行配置：找到工具-》设置，在设置中找到如下选项，并填写微信小程序开发工具的执行文件路径。（5）在HBuilderX中启动运行该uniapp项目，启动后，会自动运行在微信小程序工具端。本文介绍了如何通过HBuilderX开发调试微信小程序相关的知识，希望对你有一定的参考价值。(6) 如果需要在真机测试，可以在微信小程序工具端生成二维码，然后微信扫描即可进行真机预览。之后在HBUILDER上的修改就可以差量编译到小程序工具端，就可以实现边修改边调试了。

解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译

qq_37772593的博客

06-06

1万+

这时候去找unpackage\dist\dev\mp-weixin文件，会发现在mp-weixin下有project.config.json，将此project.config.json文件复制一份放在unpackage同一级，然后在这个复制过来的project.config.json文件夹下添加上 “miniprogramRoot”: “./unpackage/dist/dev/mp-weixin”，即app.json文件的路径即可。（注意不要在原project.config.json上修改，修改无效；

微信小程序导入项目后报错：找不到app.json

hsshhsiejsjs的博客

02-28

787

1.查看/unpackage/dist/dev/mp-weixin中project.config.json并将此。1.可查看/unpackage/dist/dev/mp-weixin，找到app.json,如下图。project.config.json，添加app.json路径，步骤同上，编译即可。2.修改unpackage同级别project.config.json文件。"miniprogramRoot": "app.json路径"二、文件中没有project.config.json。

uni-app无法启动微信开发者工具，报错，需要打开服务端口

胡聊前端的博客

11-22

5266

使用uni-app创建项目的之后，想要在微信中运行，报错如下： 14:37:31.783 [微信小程序开发者工具] - initialize 14:37:31.785 [微信小程序开发者工具] 14:37:31.794 [微信小程序开发者工具] 14:37:31.794 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or m

uniapp微信小程序 "lazyCodeLoading": "requiredComponents" ，我加了这个微信开发者工具还是报我没加呢

最新发布

04-03

<think>好的，我现在要解决用户在uniapp微信小程序中配置lazyCodeLoading为requiredComponents后仍然报错的问题。首先，我需要了解用户的具体情况。用户已经按照文档要求，在manifest.json中设置了"lazyCodeLoading": "requiredComponents"，但问题仍然存在。那么，可能有哪些原因导致这个配置不生效呢？首先，我应该检查用户是否正确配置了相关设置。微信小程序从基础库2.11.1开始支持按需注入，而lazyCodeLoading是这个功能的配置项。用户可能使用的是较低版本的微信开发者工具或者基础库，导致配置无法生效。因此，用户需要确认开发者工具的版本是否支持，以及基础库版本是否在2.11.1以上。其次，检查manifest.json的配置是否正确。有时候，配置项可能被错误地放置在错误的层级下。例如，在uni-app中，微信小程序的配置应该在"mp-weixin"字段下。如果用户将lazyCodeLoading放在了其他位置，比如全局配置而不是特定平台配置下，就会导致配置被忽略。正确的配置应该是： ```json "mp-weixin": { "lazyCodeLoading": "requiredComponents" } ``` 接下来，用户可能没有重新编译项目。修改配置后，需要重新运行或构建项目，以确保新的配置被正确应用。有时候开发者可能只是保存了文件，但没有重新编译，导致配置未生效。另外，查看微信开发者工具的控制台报错信息也很重要。具体的错误信息可能会给出更多线索，比如是否有语法错误，或者其他配置冲突。用户需要打开调试器，查看Console标签下的详细报错，可能能发现其他问题，比如未正确引入组件或路径错误。还有可能是项目缓存的问题。微信开发者工具有时会有缓存，导致旧的配置仍然被使用。这时候，尝试清除编译缓存，或者关闭项目重新打开，再重新编译可能会解决问题。此外，检查uni-app的版本是否过旧。如果用户使用的uni-app版本较老，可能不支持lazyCodeLoading配置。建议用户升级到最新的HBuilder X版本，并确保uni-app相关依赖是最新的。如果以上步骤都确认无误，但问题仍然存在，可能需要检查代码分割的情况。按需注入要求代码结构符合规范，如果某些组件或模块没有被正确分割，可能导致注入失败。用户需要确保代码结构合理，避免循环依赖或不规范的引用方式。最后，参考微信官方文档和uni-app的文档进行对比，确认是否有遗漏的步骤或配置。例如，微信的文档中提到需要特定的基础库版本，而uni-app可能有自己的配置方式，需要结合两者来处理。总结下来，可能的解决步骤包括：确认配置位置正确、检查基础库和开发者工具版本、重新编译项目、清除缓存、升级uni-app版本、检查代码结构，以及查阅官方文档。如果用户还是无法解决，可能需要提供更详细的错误信息，或者查看社区和论坛中是否有类似的问题和解决方案。</think>### 解决uniapp微信小程序配置`lazyCodeLoading`报错的方法 #### 1. **确认基础库版本** - **微信基础库需≥2.11.1**：`lazyCodeLoading: "requiredComponents"` 需要微信基础库2.11.1及以上支持[^2]。 - 检查方式：在微信开发者工具 → 详情 → 本地设置 → 调试基础库 → 选择2.11.1或更高版本。 #### 2. **正确配置manifest.json** - **配置层级**：需在`mp-weixin`字段内添加，而非全局配置： ```json "mp-weixin": { "lazyCodeLoading": "requiredComponents" } ``` #### 3. **清除缓存并重新编译** - **操作步骤**： 1. 关闭微信开发者工具。 2. 删除`unpackage`和`node_modules`目录。 3. 重新安装依赖（`npm install`）。 4. 重新编译运行（HBuilder X → 运行 → 运行到小程序模拟器）。 #### 4. **检查uni-app版本** - **升级HBuilder X**：旧版本可能不支持该配置。升级至最新版（如HBuilder X 3.6+）。 #### 5. **验证代码分割逻辑** - **按需注入要求**： - 确保页面/组件使用`usingComponents`显式声明依赖。 - 避免全局注入未使用的组件，例如： ```json // pages/index/index.json { "usingComponents": { "custom-component": "/components/custom-component" } } ``` #### 6. **检查控制台报错细节** - **常见错误类型**： - **路径错误**：组件路径未正确引用（如缺少`/`符号）。 - **语法错误**：JSON配置格式错误（如逗号缺失）。 - **调试方法**：在微信开发者工具 → 调试器 → Console查看具体报错信息。 #### 7. **参考官方文档** - **微信文档**：确认按需注入的规范。 - **uni-app文档**：查看是否有特殊配置要求。 --- ### 示例修复后的manifest.json ```json { "mp-weixin": { "appid": "YOUR_APPID", "lazyCodeLoading": "requiredComponents", "usingComponents": true } } ``` --- ### 相关问题 1. **如何验证微信基础库版本是否生效？** - 在微信开发者工具中，通过`wx.getSystemInfoSync().SDKVersion`打印版本号。 2. **按需注入对小程序性能提升的原理是什么？** - 通过仅注入当前页面所需的组件和代码，减少初始加载资源量。 3. **uni-app中如何强制更新所有依赖？** - 删除`node_modules`和`package-lock.json`后重新执行`npm install`。 --- ### 引用说明 [^1]: 微信登录错误码40029通常与`code`无效相关，需检查授权流程是否符合规范。 : 微信网页授权文档明确要求基础库版本和配置层级，需严格遵循。 [^3]: 代码实现中需注意组件路径和JSON配置格式，避免语法错误。