编译报错 配置路径问题 静态资源引用 依赖模块加载失败 uni-app开发环境兼容性疑问
编译报错 配置路径问题 静态资源引用 依赖模块加载失败 uni-app开发环境兼容性疑问
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows 11 | 11 | HBuilderX |
操作步骤:
- 一直修改app.json代码,却还是一直提示配置路径错误,以及压缩包中截图的问题
预期结果:
- 希望这个问题解决 可以顺利上传到手机端
实际结果:
- 未解决
bug描述:
-
编译报错:
Module build failed (TypeError: Cannot read properties of undefined (reading 'renderer'))
- 错误详情:
Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/lib/index.js): TypeError: Cannot read properties of undefined (reading 'renderer') at weixinSkyline (...\mp.js:217:17)
- 上下文:
- 开发工具:HBuilder X 4.65
- 运行平台:微信小程序
- 项目类型:UniApp
- 操作系统:Windows 11
-
app.json
配置路径问题- 错误提示:
pages.json tabBar['list'][n]['pagePath'] "xxx" 需在 pages 数组中
- 具体表现:
tabBar
中配置的页面路径(如subpages_appointment/appointment/appointment
)未在pages
或subPackages
中声明。- 子包
subpages_user
和subpages_appointment
的pages
字段格式或路径与实际文件不匹配。
- 错误提示:
-
静态资源引用异常
- 错误提示:
["tabBar"]["list"][n]["iconPath"]: "static/tabbar/xxx.png" not found
- 具体表现:
- 图标路径大小写不一致(如配置为
IconPath
,实际应为iconPath
)。 - 文件扩展名缺失(如
appointment_nng
未指定.png
)。 - 图标文件体积超过 40KB 限制。
- 图标路径大小写不一致(如配置为
- 错误提示:
-
依赖模块加载失败
- 现象:
- 多次清理
node_modules
并重装依赖后,仍报@dcloudio/webpack-uni-pages-loader
相关错误。 - 疑似 HBuilder X 插件损坏或版本不兼容。
- 多次清理
- 现象:
-
开发环境兼容性疑问
- 潜在问题:
- Node.js 版本是否为官方推荐版本(如 14.x/16.x)。
- 项目路径是否含中文或特殊字符(如
HBuilder X
含空格)。
- 潜在问题:
提交格式建议
问题标题:
【UniApp】编译报错:Cannot read properties of undefined (reading ‘renderer’)
问题描述:
-
开发工具:HBuilder X 4.65
-
运行平台:微信小程序
-
错误日志:[粘贴完整报错日志]
-
关键配置文件:
// app.json 片段(tabBar、subPackages 配置)
-
已尝试操作:清理依赖、更新 HBuilder X、校验 JSON 语法,问题未解决。
附件:
- 项目目录结构截图
app.json
、pages.json
完整文件- 控制台错误日志截图
更多关于编译报错 配置路径问题 静态资源引用 依赖模块加载失败 uni-app开发环境兼容性疑问的实战教程也可以访问 https://www.itying.com/category-93-b0.html