Ошибка при подключении Swiper `a в виде плагина к Nuxt.js
Ошибка при подключении Swiper`a в виде плагина к Nuxt.js
Сам файл плагина swiper.js:
import Vue from 'vue';
import { Swiper, SwiperSlide } from 'swiper/vue/swiper-vue';
Vue
.use(Swiper)
.use(SwiperSlide)
В конфиге nuxt.config.js:
plugins: [
{ src: '~/plugins/swiper.js', mode: 'client' },
],
Пытался использовать компоненты "Swiper and SwiperSlide, но пишет что они не зарегистрированы
[Vue warn]: Property or method "onSwiper" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
found in
---> <ProjectsComponent> at components/ProjectsComponent.vue
<Pages/projects.vue> at pages/projects.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
[Vue warn]: Property or method "onSlideChange" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
found in
---> <ProjectsComponent> at components/ProjectsComponent.vue
<Pages/projects.vue> at pages/projects.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
[Vue warn]: Unknown custom element: <Swiper> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <ProjectsComponent> at components/ProjectsComponent.vue
<Pages/projects.vue> at pages/projects.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
[Vue warn]: Unknown custom element: <SwiperSlide> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <ProjectsComponent> at components/ProjectsComponent.vue
<Pages/projects.vue> at pages/projects.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
[Vue warn]: Invalid handler for event "swiper": got undefined
found in
---> <ProjectsComponent> at components/ProjectsComponent.vue
<Pages/projects.vue> at pages/projects.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
[Vue warn]: Invalid handler for event "slideChange": got undefined
found in
---> <ProjectsComponent> at components/ProjectsComponent.vue
<Pages/projects.vue> at pages/projects.vue
<Nuxt>
<Layouts/default.vue> at layouts/default.vue
<Root>
После запуска приложения в терминале выводит:
WARN Compiled with 11 warnings
WARN in ./node_modules/swiper/vue/swiper-slide.js
"export 'computed' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'h' was not found in 'vue'
WARN in ./node_modules/swiper/vue/context.js
"export 'inject' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'nextTick' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'onBeforeUnmount' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper-slide.js
"export 'onBeforeUpdate' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'onMounted' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'onUpdated' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'provide' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'ref' was not found in 'vue'
WARN in ./node_modules/swiper/vue/swiper.js
"export 'watch' was not found in 'vue'
Dependencies в package.json:
"dependencies": {
"core-js": "^3.19.3",
"nuxt": "^2.15.8",
"nuxt-gmaps": "^1.2.10",
"swiper": "^8.0.7",
"vue": "^2.6.14",
"vue-server-renderer": "^2.6.14",
"vue-template-compiler": "^2.6.14",
"webpack": "^4.46.0"
}