Блог

Главная - Вопросы по программированию - Как мне импортировать плагин jquery в мой компонент React? turnjs

Как мне импортировать плагин jquery в мой компонент React? turnjs

#javascript #jquery #reactjs

#javascript #jquery #reactjs

Вопрос:

Похоже, что в stackoverflow нет ничего, что я искал, чтобы помочь мне с этим до сих пор, после 30 сообщений.

Итак… Я хотел бы реализовать это:http://www.turnjs.com /

в мой КОМПОНЕНТ react.

-Я пытался использовать тег script в html-файле, но react ofc не распознает его, когда я использую эти функции, и выдает ошибки.

-Я пробовал это:

 import $ from 'jquery';
require( "./turn.min.js" );

Но тогда это выдает мне 1000 ошибок о turn.min.js синтаксис (потому что это весь jquery). не удается ничего запустить.

jquery не определен и синтаксические ошибки

Итак, что мне следует делать? Мне действительно нужно использовать этот плагин jQuery.

Редактировать:

установил его из npm, но пока проблема: turn - это не функция

Ответ №1:

Пакет уже доступен в npm реестре. Итак, вы могли бы установить пакет с помощью

npm install turn-js

И импортировать зависимость в ваш проект react.

 import $ from 'jquery';
import Turn from 'turn-js';

Комментарии:

1. Итак, если бы для этого был пакет np nom, я бы не смог его правильно использовать? Спасибо за это, однако, он выдает мне: TypeError: jquery__WEBPACK_IMPORTED_MODULE_14___default(…)(…).turn не является функцией

2. @snicks Это правильно. Если в npm registry нет доступного пакета, вы не сможете его использовать. В противном случае вам придется использовать require для получения необходимой библиотеки

3. @snicks Также, поскольку turn зависит от jQuery , вам придется указать это в конфигурации вашего webpack

4. пакет turn-js в npm — это не тот пакет, о котором идет речь, вместо этого есть turn.js пакет

Ответ №2:

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

В последней версии используется jQuery 1.12.0, потому что jQuery 3.x нарушал работу page flipper.

название пакета turn.js не turn-js вы можете найти пакет по https://www.npmjs.com/package/turn.js

Я даже сделал демо-версию, используя React 16.10. или React class base