uni-app 编译时，分包的components丢失

uni-app 编译时，分包的components丢失

信息类型 信息内容
产品分类 uniapp/小程序/微信
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 window10
第三方开发者工具版本号 最新
基础库版本号 最新
项目创建方式 CLI
CLI版本号 最新

操作步骤：

  • 分包使用自定义组件

预期结果：

  • 自定义组件正常使用

实际结果：

  • 自定义组件丢失

image


更多关于uni-app 编译时，分包的components丢失的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 编译时，分包的components丢失的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中分包时自定义组件丢失，通常是由于路径配置错误或组件未正确注册导致的。以下是常见原因及解决方案：

  1. 检查分包路径配置：在 pages.json 的分包配置中，确保 subPackages 的 root 路径正确，且组件文件位于该路径下。例如：

    {
  "subPackages": [{
    "root": "subpackage",
    "pages": [{
      "path": "index/index",
      "style": {}
    }]
  }]
}

    组件应放在 subpackage/components 目录中。

  2. 组件引用路径：在分包页面中使用组件时，路径需基于分包根目录。例如，在 subpackage/index/index.vue 中引用组件：

    <template>
  <custom-component />
</template>
<script>
import CustomComponent from '@/subpackage/components/custom-component.vue';
export default {
  components: { CustomComponent }
};
</script>
回到顶部