Javascript 如何在vue 3应用程序中使用vue 2组件

我有一个用Vue 3制作的应用程序，它工作得非常好

另一方面，我有一个npm项目，用于在Vue 2中使用Typescript制作的常见组件，当我尝试在Vue 3应用程序中使用这些组件时，它总是失败，在控制台中我收到以下消息： 无法读取未定义的属性“\u init”

在Vue 2组件应用程序中，我使用rollup构建应用程序，我还有其他应用程序使用此Vue 2，因此，问题在于我的Vue 3中，我不知道它为什么不工作

<script lang="ts">
import Parent from "./components/Parent.vue";
import { MuiLoader } from '@emobg/vue-base';

export default {
 ​name: "Main",
 ​components: {
   ​Parent,
   ​MuiLoader
 ​},
};
</script>
<template>
 ​<div class="body">
   ​<div class="inner">
     ​Body from Vue.js - guest app - TS
     ​<br />
     ​<Parent />
     ​<mui-loader label="TEST" />
     ​<RouterLink :to="{ name: 'Child' }">About</RouterLink>
     ​<RouterView />
   ​</div>
 ​</div>
</template>

<style scoped lang="scss">
.body {
 ​height: 100%;
 ​display: flex;
 ​justify-content: center;
 ​align-items: center;
}
</style>

从“/components/Parent.vue”导入父级；
从'@emobg/vue base'导入{MuiLoader}；
导出默认值{
​名称：“主要”，
​组成部分：{
​父母亲
​MuiLoader
​},
};
​
​
​Vue.js中的正文-来宾应用程序-TS
​

​
​
​关于
​
​
​
.身体{
​身高：100%；
​显示器：flex；
​证明内容：中心；
​对齐项目：居中；
}

这是从我的vue 2项目导入MuiLoader的.vue文件，渲染它时会出现错误

有人能帮我吗？

---

提前感谢

我建议更新使用Vue 3编译的常用组件，然后使用它们。由于使用不同的编译器，Vue 2和Vue 3组件似乎不兼容。