#vue.js #vue-component #node-modules
Вопрос:
Я пытаюсь использовать компонент из модуля узла, который я установил в Vue3, но он не будет работать.
Я использовал: npm install --save vue-slick-carousel
мой компонент
lt;templategt; lt;divgt; lt;VueSlickCarousel :arrows="true" :dots="true"gt; lt;divgt;1lt;/divgt; lt;divgt;2lt;/divgt; lt;divgt;3lt;/divgt; lt;divgt;4lt;/divgt; lt;/VueSlickCarouselgt; lt;/divgt; lt;/templategt; lt;scriptgt; import VueSlickCarousel from 'vue-slick-carousel' import 'vue-slick-carousel/dist/vue-slick-carousel.css' export default { name: 'MyComponent', components: { VueSlickCarousel } } lt;/scriptgt; Похоже, что компоненты из папки node_modules вообще не будут работать, потому что я попытался использовать другую библиотеку. Мои собственные компоненты из папки src/components работают отлично.
Я также попытался зарегистрировать компонент глобально в своем main.js файл, но он также не будет работать.
В моей консоли браузеров я всегда получаю эту ошибку:
Ошибка неперехваченного типа: этот.$scopedSlots не определен
Кто-нибудь может помочь?
Комментарии:
1. Основываясь на названии вашего вопроса, у вас есть проект Vue 3.
vue-slick-carouselэто компонент Vue 2, поэтому вы не можете использовать его в своем проекте Vue 3. Другие компоненты в вашемnode_modulesустройстве, скорее всего, являются компонентами Vue 2. Если вы предпочитаете использовать эти компоненты, вам придется понизить свой проект до версии Vue 2 или использовать сборку миграции.2. Спасибо, я этого не заметил. Ну, тогда мне нужно найти модуль для Vue3