记录swiper6踩坑

新手小白，初学vue用的是vue3，然后需要用到swiper 和 vue-awesome-swiper插件，安装的是swiper6就到官网上教程https://swiperjs.com/vue/
没有全局引，直接在页面中写的

import SwiperCore, {
  Navigation,
  Pagination,
  Scrollbar,
  A11y,
  EffectCube,
  Autoplay
} from "swiper";
import { Swiper, SwiperSlide } from "swiper/vue";
import "swiper/swiper.scss";
import "swiper/components/navigation/navigation.scss";
import "swiper/components/pagination/pagination.scss";
import "swiper/components/scrollbar/scrollbar.scss";
import "swiper/components/effect-cube/effect-cube.scss";

SwiperCore.use([Navigation, Pagination, Scrollbar, A11y, EffectCube, Autoplay]);
export default {
  components: {
    Swiper,
    SwiperSlide,
  }
  }

vue3 用着都挺好的，后来因为elment-ui不支持vue3，我就换成vue2，然后swiper组件就开始报错了

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <Swiper>
       <Index> at src/pages/Index.vue
         <Home> at src/pages/Home.vue
           <App> at src/App.vue
             <Root>

后来改成
import { Swiper, SwiperSlide } from “vue-awesome-swiper”;