Как интегрировать сторонние библиотеки в React JS - PullRequest
0 голосов
/ 19 июня 2019

У меня был шаблон, который я хотел преобразовать в компоненты React JS, и я успешно это сделал. Как все мы знаем, в шаблоне используется множество библиотек. Сначала я вставил библиотеки .css и .js в приложение реагирования через файл index.html в общей папке create-react-app. Он успешно использовал стили и скрипты из вставленных файлов .js и .css. Но проблема возникла, когда я добавил маршрутизацию в приложение реагировать.

Когда я перехожу на другой маршрут по ссылке, компонент загружается, но не загружаются необходимые стили и сценарии. Я не знаю, в чем проблема. Я попытался импортировать сценарии и стили в родительский компонент, который является home.js. Стили работали правильно, но библиотеки, используемые в шаблоне:

bootstrap.min.js, eva.min.js, feather.min.js, jquery.min.js, jquery-slim.min.js и popper.min.js.

При каждом импорте вышеуказанных библиотек отображаются разные ошибки. Но, например, для jquery.min.js она показывает следующую ошибку:

enter image description here

1 Ответ

1 голос
/ 20 июня 2019

В общую папку добавьте следующий код на странице index.html.

 <base href="/">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...