Неможливо додати JQuery Mobile у ReactJS - неможливо вирішити "jquery-mobile" - jquery, reactjs, jquery-mobile, npm, phonegap

Я намагаюся додати JQM в моєму ReactJS застосування. Що я роблю, щоб додати це:

npm install jquery@1.11.1 --save-dev
npm install jquery-mobile --save-dev

Це додає JQuery і JQM до модулі але проблема полягає в тому, що коли я використовую це у своїй програмі як:

import $ from "jquery";
import "jquery-mobile";

Це дає мені таку помилку в консолі:

Модуль не знайдено: Помилка: Неможливо вирішити "jquery-mobile" в "/ var / www / html / react / phonegapApp /"

Також коли я звик import JQuery його версія автоматично оновлюється з ^1.11.1 до останньої версії ^3.2.1 в package.json файл як необхідна версія для JQM NPM модуль повинен бути менше 1.11.1

Відповіді:

Вам потрібно імпортувати jquery, а потім використовувати свій код всередині компонентаDidMount таким чином:

import $ from "jquery";

class App extends Component {
componentDidMount = () => {
// Your Jquery code here for ex:
$(".message a").click(function(){
$("form").animate({height: "toggle", opacity: "toggle"}, "slow");
});
}