Не могу загрузить slick-carousel в Rails + webpacker

При попытке загрузить css-файлы slick-carousel через webpacker во время компиляции возникает следующая ошибка:

ERROR in ./app/javascript/packs/frontend.sass (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/packs/frontend.sass)
Module not found: Error: Can't resolve './fonts/slick.woff'

Изначально интерфейс был создан с помощью CRA и работал нормально, но после перехода на webpacker начала появляться эта ошибка.

приложение/javascript/packs/frontend.sass:

@import "slick-carousel/slick/slick.css";
@import "slick-carousel/slick/slick-theme.css";

ruby-on-rails webpack webpacker
person rcdvl    schedule 22.08.2019    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Испытал это сейчас и нашел исправление, выполнив это (обратите внимание, что ~ должен указывать на папку node_modules):

@import '~slick-carousel/slick/slick.scss';
@import '~slick-carousel/slick/slick-theme.scss';

Затем я последовал этому ответу здесь: https://stackoverflow.com/a/56884460

Надеюсь это поможет.

person Ricardo Green    schedule 14.10.2019

arrow_upward
0
arrow_downward

Импорт стилей/js файлов

import "slick-carousel";
@import 'slick-carousel/slick/slick.scss';
@import 'slick-carousel/slick/slick-theme.scss';

person Khaireddine Hamdi    schedule 31.05.2021