Vue项目引用Swiper组件报错Module not found ./swiper.scss和./vue/swiper-vue

引用Swiper组件片段代码

import { Autoplay, Scrollbar } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue/swiper-vue';
import 'swiper/swiper.scss';

出现如下报错，提示引用错误

解决方法：

import { Autoplay, Scrollbar } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/scss';

参考连接：
https://stackoverflow.com/questions/69301757/unable-to-run-swiperjs-in-next-js-module-not-found-package-path-swiper-scss