Реагируйте: Добавьте jquery, необходимый другой библиотеке

Question

Я хочу использовать библиотеку Trumbowyg в моем реактивном проекте. Но проблема в том, что библиотека выдает ошибку jQuery is not defined,

Я нашел информацию о том, что jquery должен как-то быть открыт для окна как глобальной переменной. Авторы библиотеки приводят пример с Webpack но у меня нет этого в моем проекте.

Итак, я установил JQuery через npm install и попытался импортировать его и установить переменную окна следующим образом (это не сработало):

import jquery from 'jquery';
window.$ = window.jQuery = jquery;

Как я могу настроить jquery чтобы trumbowyg видит это? Я создал свой проект с create-react-app команда, если это может помочь вам.

Answer 1

Как прокомментировали другие, вы должны выбрать другую библиотеку, которая не использует jQuery. Но если вы все еще хотите использовать, то вы можете сделать следующее:

import jquery from 'jquery'
import Trumbowyg from 'react-trumbowyg';
...
componentDidMount() { // hook the jQuery when component is mounted
  window.$ = window.jQuery = jquery;
}
render() {
  return <Trumbowyg id='react-trumbowyg'/>
}

Если это все еще не работает, то потребуется плагин.