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

【问题标题】：Vue 3 : Receiving "r.default is not a constructor" error while using Vue MaterialVue 3：使用 Vue Material 时收到“r.default 不是构造函数”错误
【发布时间】：2021-01-18 00:21:26
【问题描述】：

我正在使用 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 材料，只会导致问题。我对该主题进行了一些研究，发现了这个https://github.com/vuematerial/vue-material/issues/312，但不知道如何使用它。

感谢您在此问题上的帮助？

【问题讨论】：

也许 vue-material 还没有为 vue3 做好准备……我知道 vuetify 还没有！ - this issue 基本上表明 vue-material 还没有为 vue3 做好准备
是否有其他替代方案可以与 vue3 一起使用，因为我已经使用此版本的 Vue 取得了进展？
我查看了许多 vue 的材料设计框架 - 似乎没有一个已准备好 vue3 - 欢迎您继续搜索
我相信你，我认为我应该使用 Vue 2 重新启动我的项目。这是我看到的唯一选择，这是一个很好的教训。感谢 Jaromanda X 帮助我。
尝试为 vue2 添加组合 API - 然后至少您将能够以 vue3 样式执行大部分代码

标签： javascript vue.js vue-cli-3 vue-material

【解决方案1】：

我也试过了。但不适用于 Vue3。

你必须使用 Vue2。正如他们的文档中所解释的那样 “Vue 材料文档假设您对 Vue.js 2.5+ 感到满意。如果您是 Vue.js 的新手，那么从这里学习作为您的第一步可能不是最好的主意 - 掌握基础知识然后再回来。Vue .js 网站是您开始时最好的文档来源。”

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

【讨论】：