首页 > 其他分享 >vue3+vite 使用defineAsyncComponent动态异步引入组件出错时的解决办法

vue3+vite 使用defineAsyncComponent动态异步引入组件出错时的解决办法

时间:2022-10-18 05:44:05浏览次数:69  
标签:currentComponent const defineAsyncComponent vue3 import vite

const name = 'c1'
const currentComponent = shallowRef()
const components = import.meta.glob("./a/*.vue");
currentComponent.value = defineAsyncComponent(components['./a/'+name+'.vue'])

<component v-bind:is="currentComponent"></component>

 

参考:https://cn.vitejs.dev/guide/features.html#glob-import

标签:currentComponent,const,defineAsyncComponent,vue3,import,vite
From: https://www.cnblogs.com/alpiny/p/16801283.html

相关文章

  • vue3中的defineProps,watch,computed
    在vue3的setup语法糖中,defineProps不需要引入了<scriptsetup>import{computed}from'@vue/reactivity';import{onMounted,watch}from'vue';letprops=de......
  • vite
    vite3importpathfrom'path'node版本14.17.x出现错误node升级到16.18.0,解决报错问题https://github.com/vitejs/vite/issues/9113Viteusesnode:importw......
  • @vitejs/plugin-vue
      需要cmd命令下载,我指定的版本是1.0.0,这里需要的node版本的要>=12.0.0 而我的vue版本是3.04>npmi@vitejs/plugin-vue@1.0.0 以下的@vitejs/plugin-vue的......
  • vite打包记录
    errorTS2748:Cannotaccessambientconstenumswhenthe'--isolatedModules'flagisprovided解决办法//修改package.json"build":"vue-tsc--noEmit--skipLi......
  • vue3 创建项目 --- vue3 + vire + Element Plus
    请耐心看完。vue3+Vite+ElementPlus构建项目-1.创建项目my-vue-app项目名称疑似不能用中文npminitvite@latestmy-vue-app--templatevue ......
  • vite+vue3+typescript+prettier
    1.创建项目npminitvitevite参考: http://www.vitejs.net/guide/#scaffolding-your-first-vite-project按提示一步步操作#输入项目名称,如vite-test?Project......
  • Vue3中 响应式 API ( readonly、shallowReadonly、toRaw、markRaw ) 详解
    1.readonly函数接受一个对象(不论是响应式还是普通的)或是一个ref,返回一个原值的只读代理。只读代理是深层的:对任何嵌套属性的访问都将是只读的。它的ref解包行为......
  • Vue3学习(一)
    一:首先安装Vue31:npmuninstallvue-cli-g(卸载Vue老版本如:Vue2...)2:npmi-g@vue/cli(安装Vue3)3:vue-V(查看Vue版本)4:vuecreate...(创建Vue项目<.........
  • vite项目构建
    运行.sh文件的三种命令方式:(1)shcreate.sh(2)./create.sh(3)/bin/shcreate.sh#启动.sh文件,文件内部是一下命令(脚本)npminitvitehello-vue3cdhello-vue......
  • vue3 解析markdwon生成文章
    引言​​markdown​​是啥,相信大家都已经清楚了,一种程序员必备的文档格式。可以支持代码高亮,表格,图片,视频等一种文档格式......