w***@dms365.com
w***@dms365.com
  • 发布:2024-11-08 20:21
  • 更新:2024-11-12 14:14
  • 阅读:108

uni-app 在 app 端怎么支持异步组件加载呢

分类:uni-app

uni-app 目前有办法支持在 app端 进行组件异步加载吗?我期望得到一个答复,非常感谢

PC开发环境操作系统: Windows

vue版本: vue3

打包方式: HBuilderX 云打包

我尝试过使用下面的代码写法:

const asyncComp = ref();  
const getAsyncComp = async () => {  
    asyncComp.value = (await import('@/pages/work-area/aaa-bbb.vue')).default;  
};  
getAsyncComp();  

<component :is="asyncComp"></component>

这种写法在浏览器H5页面上能够正常加载显示,但是使用 Hbuilderx 运行到手机时,会报错:Invalid value "iife" for option "output.format" - UMD and IIFE output formats are not supported for code-splitting builds.

我也尝试过使用:const views= import.meta.glob('xxxxx') 的方式加载组件,但依然是同样的报错。

也试过:const views= import.meta.glob('xxxxx', { eager: true }); ,但这种是同步加载,并不是期望的异步加载组件。

2024-11-08 20:21 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

App端不支持异步组件。

异步组件常用于B/S结构的应用,用于优化首页加载速度,在App平台这类C/S结构场景下,异步组件的优势不明显,故uni-app暂不计划做支持。

要回复问题请先登录注册