编译报错 配置路径问题 静态资源引用 依赖模块加载失败 uni-app开发环境兼容性疑问

编译报错 配置路径问题 静态资源引用 依赖模块加载失败 uni-app开发环境兼容性疑问

开发环境 版本号 项目创建方式
Windows 11 11 HBuilderX

操作步骤:

  • 一直修改app.json代码,却还是一直提示配置路径错误,以及压缩包中截图的问题

预期结果:

  • 希望这个问题解决 可以顺利上传到手机端

实际结果:

  • 未解决

bug描述:

  1. 编译报错:

    • 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
  2. app.json 配置路径问题

    • 错误提示:
      pages.json tabBar['list'][n]['pagePath'] "xxx" 需在 pages 数组中
      
    • 具体表现:
      • tabBar 中配置的页面路径(如 subpages_appointment/appointment/appointment)未在 pagessubPackages 中声明。
      • 子包 subpages_usersubpages_appointmentpages 字段格式或路径与实际文件不匹配。
  3. 静态资源引用异常

    • 错误提示:
      ["tabBar"]["list"][n]["iconPath"]: "static/tabbar/xxx.png" not found
      
    • 具体表现:
      • 图标路径大小写不一致(如配置为 IconPath,实际应为 iconPath)。
      • 文件扩展名缺失(如 appointment_nng 未指定 .png)。
      • 图标文件体积超过 40KB 限制。
  4. 依赖模块加载失败

    • 现象:
      • 多次清理 node_modules 并重装依赖后,仍报 @dcloudio/webpack-uni-pages-loader 相关错误。
      • 疑似 HBuilder X 插件损坏或版本不兼容。
  5. 开发环境兼容性疑问

    • 潜在问题:
      • 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.jsonpages.json 完整文件
  • 控制台错误日志截图

更多关于编译报错 配置路径问题 静态资源引用 依赖模块加载失败 uni-app开发环境兼容性疑问的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部