Vue 3: получение ошибки "r.по умолчанию не является конструктором" при использовании материала Vue

#javascript #vue.js #vue-cli-3 #vue-material

Вопрос:

Я работаю над проектом Vue3 с библиотекой vue-material. Но после использования библиотеки 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 но понятия не имею, как им пользоваться.

Я буду признателен за вашу помощь в этом вопросе?

1. возможно vue-material , он еще не готов к vue3… Я знаю vuetify , что это не так! — в этой проблеме в основном говорится, что vue-material она еще не готова для vue3

2. Есть ли какая-либо другая альтернатива для использования с vue3, поскольку я уже продвинулся с этой версией Vue?

3. Я просмотрел множество фреймворков material design для vue — ни один из них, похоже, не готов к vue3 — вы можете продолжать поиск

4. Я верю вам, я думаю, что мне следует перезапустить свой проект с помощью Vue 2. Это единственный вариант, который я вижу, отличный урок. Спасибо Jaromanda X за помощь.

5. попробуйте добавить composition API для vue2 — тогда, по крайней мере, вы сможете выполнять большую часть кода в стиле vue3

Ответ №1:

Я тоже пытался. Но не работает с Vue3.

Вы должны использовать Vue2. Как также объясняется в их документах «Документация по материалам Vue предполагает, что вам удобно Vue.js 2.5 . Если вы новичок в Vue.js Возможно, это не самая лучшая идея учиться здесь в качестве вашего первого шага — изучите основы, а затем возвращайтесь. Vue.js веб-сайт — это лучший источник документации для вас, с которого можно начать «.

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