я не могу добавить простой слайдер сова карусель, чтобы реагировать приложение - PullRequest
Новая
       9

я не могу добавить простой слайдер сова карусель, чтобы реагировать приложение

0 голосов
/ 26 января 2019

я разрабатывал свое первое приложение с использованиемactjs и все было идеально.

У меня была идея добавить простой слайдер изображений в мое приложение, я использовал OWL Carousel, потому что это действительно просто, и я использовал его несколько раз раньше.

Я провел небольшой поиск и нашел этот NPM здесь реаги-сова-карусель

но первый шаг не был неясен для меня.

Вам нужно сначала ввести глобальное окно. JQuery

Я подумал, что мне нужно установить jquery, поэтому я установил его 

> npm install jquery

звучит глупо !!

затем я импортировал сову-карусель, как это в моем компоненте

как это 

import OwlCarousel from "react-owl-carousel";
import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";

и обернул изображения тегом OwlCarousel

вот так 

<OwlCarousel
    className="owl-theme"
    loop
    margin={10}
    nav
>
    <img src="imgs/1.jpg" class="item"/>
    <img src="imgs/2.jpg" class="item"/>
    <img src="imgs/3.jpg" class="item"/>
    <img src="imgs/4.jpg" class="item"/>
    <img src="imgs/5.jpg" class="item"/>
</OwlCarousel>

я запустил свой сервер, используя 

> npm start

и я получил эту ошибку

TypeError: Невозможно прочитать свойство 'fn' из неопределенного

Я думаю, что это был мой первый неясный шаг, который вызвал эту ошибку

любые идеи !!!

...