Vue 3：使用 Vue Material 时收到“r.default 不是构造函数”错误

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 Documentation 假设您熟悉 Vue.js 2.5+。如果您是 Vue.js 新手，从这里学习作为第一步可能不是最好的主意 - 掌握基础知识然后回来。Vue.js 网站是您入门的最佳文档源。”

https://vuematerial.io/getting-started/