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 }); ,但这种是同步加载,并不是期望的异步加载组件。
1 个回复
DCloud_UNI_CHB
App端不支持异步组件。
异步组件常用于B/S结构的应用,用于优化首页加载速度,在App平台这类C/S结构场景下,异步组件的优势不明显,故uni-app暂不计划做支持。