javascript - Vue 3 : Receiving "r.default is not a constructor" error while using Vue Material

Question

我正在使用 vue-material 库开发 Vue3 项目。但是使用 vue-material 库后，我收到以下错误 r.default is not a constructor .我追溯它，发现它来自./node_module/vue-material/dist/components/index.js .我不知道我做错了什么。我的 main.js 文件代码如下

import {createApp,} from 'vue'
import { MdButton} from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'
import 'vue-material/dist/theme/default.css'
import App from './App.vue'

const app = createApp(App)
app.use(MdButton)
app.mount("#app");

我尽我所能尝试了所有可能的组合。
此外，如果我删除第二个导入 import { MdButton} from 'vue-material/dist/components'和行 app.use(MdButton) .我猜，一切都按预期工作，只是那个 vue Material ，只会导致问题。我对该主题进行了一些研究，发现了 https://github.com/vuematerial/vue-material/issues/312但不知道如何使用它。
我会感谢你在这个问题上的帮助？

Answer 1

我也试过了。但不适用于 Vue3。
你必须使用 Vue2。正如他们的文档中所解释的那样
“Vue Material 文档假定您对 Vue.js 2.5+ 感到满意。如果您是 Vue.js 新手，那么从这里学习作为您的第一步可能不是最好的主意 - 掌握基础知识然后再回来。Vue .js 网站是您开始使用的最佳文档来源。”
https://vuematerial.io/getting-started/