vue3 vite中require.context报错

今天在学习如何封装vue插件时遇到一个问题，在用require.context引入组件时，报错

查阅了文档才发现是构建工具的问题，下面是webpack和vite的批量引用方法，简要说明一下问题，如需深入理解请阅读vite官方文档

webpack

const requireComponent =  require.context('./',true,/\.vue$/)

require.context(directory, useSubdirectories, regExp, mode = 'sync')

• directory:表示检索的目录
• useSubdirectories：表示是否检索子文件夹
• regExp:匹配文件的正则表达式,一般是文件名
• mode:加载模式，同步/异步

vite

const requireComponent =  import.meta.glob('./**/*.vue', { eager: true })

        eager:是否同步加载