Javascript 此._sui未使用语义ui vue和vue3定义

我正在从引导vue 3构建一个带有vue3和语义ui vue的应用程序。 应用程序拒绝加载，我在控制台中出现以下错误：

semantic-ui-vue.js?080a:1 Uncaught TypeError: Cannot read property '_sui' of undefined

在我的应用程序中，我添加了语义ui vue和语义ui css，如下所示：

main.js文件

import { createApp } from 'vue'
import App from './App.vue'
import SuiVue from 'semantic-ui-vue';
import 'semantic-ui-css/semantic.min.css';

createApp(App)
    .use(SuiVue)
    .mount('#app')

<template>
    <sui-button>Click Here</sui-button>
</template>

<script>

export default {
  name: 'App',
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 60px;
}

然后在我唯一的一个组件中，我执行以下操作：

app.vue文件

import { createApp } from 'vue'
import App from './App.vue'
import SuiVue from 'semantic-ui-vue';
import 'semantic-ui-css/semantic.min.css';

createApp(App)
    .use(SuiVue)
    .mount('#app')

<template>
    <sui-button>Click Here</sui-button>
</template>

<script>

export default {
  name: 'App',
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 60px;
}

点击这里
导出默认值{
名称：“应用程序”，
}
#应用程序{
字体系列：Avenir、Helvetica、Arial、无衬线字体；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
颜色：#2c3e50；
边缘顶部：60像素；
}

---

如果我取下sui按钮，一切都会好起来。使用网页包的生成总是可以的。

，因此它在Vue 3中不起作用。@tony19感谢您提供此说明，是否有其他选择？因此它在Vue 3中不起作用。@tony19感谢您提供此说明，是否有其他选择？