Vue 3:使用Vue材质时收到"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)。一切都像预期的那样工作，我猜，只是造成了问题。我在这个主题上做了一些研究，找到了这个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/