uni-app vue3 微信小程序 独立分包冷启动报错

uni-app vue3 微信小程序 独立分包冷启动报错

项目信息 详情
产品分类 uniapp/小程序/微信
PC开发环境 Windows
操作系统版本 window10
HBuilderX类型 正式
HBuilderX版本 4.66
工具版本号 1.06.2503290
基础库版本 3.8.6
项目创建方式 HBuilderX

操作步骤：

uniapp 微信小程序 vue3 聊天工具 独立分包冷启动即复现 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/chatTool.html

预期结果：

期望可以像主包一样正常加载

实际结果：

module ‘common/vendor.js’ is not defined, require args is ‘…/…/common/vendor.js’

bug描述：

微信小程序聊天工具需要在独立分包中使用并且涉及分享，目前uniapp vue3 分包设置"independent": true属性后，从分享进入的用户，会出现找不到公共文件 module ‘common/vendor.js’ is not defined, require args is ‘…/…/common/vendor.js’，辛苦给一个解决方案


更多关于uni-app vue3 微信小程序 独立分包冷启动报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

感谢反馈，vue3 目前暂不支持微信小程序独立分包，后续会考虑支持。

更多关于uni-app vue3 微信小程序 独立分包冷启动报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


好的，感谢，近期有排期计划嘛，项目需求需要使用呀

回复 前端开发屋: 最近会研究下这个，有进展会在此回复

这是一个典型的微信小程序独立分包加载公共资源失败的问题。在uni-app Vue3项目中，当使用独立分包时，需要特别注意以下几点：

  1. 确保在pages.json中正确配置独立分包：
{
  "subPackages": [
    {
      "root": "packageChat",
      "pages": [...],
      "independent": true
    }
  ]
}
  1. 对于Vue3项目，需要在独立分包中手动引入公共依赖。在独立分包的入口文件(如main.js)中添加：
import '../../common/vendor.js'
import '../../common/runtime.js'

  1. 检查微信开发者工具中的"详情"->“本地设置”，确保勾选了"将JS编译成ES5"选项。

  2. 如果问题仍然存在，可以尝试在项目根目录的manifest.json中添加以下配置：

"mp-weixin": {
  "optimization": {
    "independentSubpackages": true
  }
}
回到顶部