Я установил Webpacker в свое приложение на Rails и просто пытаюсь все настроить.Все изображения в моем собственном CSS разрешаются правильно, но у меня проблемы с Photoswipe.
Photoswipe установлена как модуль узла.Мой основной файл stylesheets.scss начинается следующим образом:
@import "node_modules/susy/sass/susy";
@import "node_modules/include-media/dist/include-media";
@import "node_modules/sass-toolkit/stylesheets/toolkit";
@import "node_modules/bourbon/app/assets/stylesheets/bourbon";
@import "../src/stylesheets/base/variables";
@import "node_modules/photoswipe/src/css/main";
@import "node_modules/photoswipe/src/css/default-skin/default-skin";
В моем файле переменных установлены следующие переменные Photoswipe:
$pswp__show-hide-transition-duration: 333ms;
$pswp__controls-transition-duration: 333ms;
$pswp__background-color: #000;
$pswp__placeholder-color: #222;
$pswp__box-sizing-border-box: true; // disable .pswp * { box-sizing:border-box } (in case you already have it in your site css)
$pswp__root-z-index: 1500;
$pswp__assets-path: ''; // path to skin assets folder (preloader, PNG and SVG sprite)
$pswp__error-text-color: #CCC; // "Image not loaded" text color
$pswp__include-minimal-style: true;
Я пытался изменить $pswp__assets-path наассорти в надежде исправить это, но независимо от того, что я пытаюсь сделать, это не может решить.
Я получаю ошибку:
ОШИБКА в ./app/webpacker/packs/stylesheets.scss Сборка модуля завершилась неудачно: ModuleNotFoundError: Модуль не найден: Ошибка: не удается разрешить './default-skin.png' в '/ vagrant / app / webpacker / packs'
Кто-нибудь может помочь мне решить эту проблему?
Я испробовал практически все возможные пути, но файл так и не смог найти.Изображение также существует на 100%.
Откуда мне ссылаться на него?Включенный файл scss ?, Файл точки входа scss, файл scss, который на самом деле ссылается на изображение?
Я перепробовал все три и сейчас просто расстраиваюсь.