javascript - Vue 3:使用 Vue Material 时收到“r.default 不是构造函数”错误
问题描述
我正在使用 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但不知道如何使用它。
我会感谢你在这个问题上的帮助?
解决方案
我也试过了。但不适用于 Vue3。
你必须使用 Vue2。正如他们的文档中所解释的那样“Vue Material Documentation 假设您对 Vue.js 2.5+ 感到满意。如果您是 Vue.js 的新手,那么从这里学习作为您的第一步可能不是最好的主意 - 掌握基础知识然后回来。Vue.js 网站是您开始学习的最佳文档来源。”
推荐阅读
- javascript - 获取和显示用户的详细信息
- c# - Azure Function 队列项目处理
- gradle - Kotlin compileDebugKotlin FAILED,Unresolved reference: RecyclerView
- angular - 错误类型错误:无法读取未定义的属性“concat”
- python-3.x - 在烧瓶的单视图函数中删除两个关系表值
- sql - 如何在 Microsoft SQL Server Management Studio 2014 中更新表
- svn - 从旧版本的主干分支出来并合并回主干的 HEAD
- boost - MIPS 平台的交叉编译 Boost
- node.js - WriteStream.emit 错误:我在这段代码中做错了什么
- html - Vue-select 下拉菜单无法正常工作