#reactjs #next.js #swiper
Вопрос:
Я подключаю swiper к next.js согласно документации (https://swiperjs.com/react). Однако при импорте стилей ( import 'swiper/swiper.scss' ) я получаю следующую ошибку 
Я не могу включать стили src/pages/_app.tsx , потому что я не хочу, чтобы они были глобальными.
На данный момент я импортирую все стили через модули scss, что невозможно сделать с помощью стилей Swiper.
Комментарии:
1. Который Next.js версию вы используете? Это было исправлено в 9.5.4; хотя я не уверен в SCSS, но вы можете импортировать файл CSS из
node_modulesлюбого места кода (не только_app.tsx).2. Можете ли вы попробовать использовать:
import 'swiper/swiper.min.css;вместо импорта SCSS.3. Я использую версию 10.2.0 next.js.
import 'swiper/swiper.min.css;— помогло, но как импортировать стили для компонентов навигации и разбиения на страницы, они только в формате scss @brc-dd4. Они также доступны в скомпилированных форматах. Я вижу
swiper/components/navigation/navigation.min.css«иswiper/components/pagination/pagination.min.css«. Кроме того, пожалуйста, создайте проблему для этого в Next.js репозиторий на GitHub. Возможно, им захочется разобраться с этим самим в рамках.5. Да, я уже вижу это, спасибо за ваш ответ @brc-dd