Блог

Главная - Вопросы по программированию - Почему включение скользкой карусели в мой проект приводит к ошибке?

Почему включение скользкой карусели в мой проект приводит к ошибке?

#node.js #reactjs #slick.js #react-slick

Вопрос:

Недавно я включил react-slick в свой проект и хочу использовать их базовый стиль, предоставленный из пакета react-carousel. Итак, как указано в документах, я пошел и включил эти два файла в свой компонент карусели следующим образом:

 import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';

Теперь все работает нормально, когда я запускаю свое интерфейсное приложение (клиент), и у меня никогда не возникает никаких проблем, CSS работает идеально. Поэтому, когда я запускаю свое приложение с помощью серверной части (рендеринг на стороне сервера) или переношу изменения в heroku, я получаю эту ошибку:

 (node:12612) UnhandledPromiseRejectionWarning: C:UsersAleksaDesktopSajtoviP
ictureHumnode_modulesslick-carouselslickslick.css:1
.slick-slider
^

SyntaxError: Unexpected token '.'
    at wrapSafe (internal/modules/cjs/loader.js:979:16)
    at Module._compile (internal/modules/cjs/loader.js:1027:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (C:UsersAleksaDesktopSajtoviPictureHumbuildnode
main.b883da29.js:1:1200916)
    at i (C:UsersAleksaDesktopSajtoviPictureHumbuildwebpackbootstrap:20:
5)
    at Object.injectIntl (C:UsersAleksaDesktopSajtoviPictureHumbuildnode
componentsTransactionPanelTransactionPanel.js:632:26)
    at i (C:UsersAleksaDesktopSajtoviPictureHumbuildwebpackbootstrap:20:
5)
    at Object.<anonymous> (C:UsersAleksaDesktopSajtoviPictureHumbuildnode
main.b883da29.js:1:560707)
    at i (C:UsersAleksaDesktopSajtoviPictureHumbuildwebpackbootstrap:20:
5)
    at Object.<anonymous> (C:UsersAleksaDesktopSajtoviPictureHumbuildnode
main.b883da29.js:1:434689)
    at i (C:UsersAleksaDesktopSajtoviPictureHumbuildwebpackbootstrap:20:
5)
    at Module.<anonymous> (C:UsersAleksaDesktopSajtoviPictureHumbuildnode
store.js:21:52)

Так что я предполагаю, что это как-то связано с SSR и webpack. Кто-нибудь когда-либо сталкивался с подобной проблемой и каковы способы ее решения? Я был бы чрезвычайно благодарен. Ваше здоровье!

Метки: