Вставка внешнего скрипта вызывает ошибку стилей CSS в React - PullRequest
Новая
       64

Вставка внешнего скрипта вызывает ошибку стилей CSS в React

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

Я пытаюсь вставить чат на свой веб-сайт React (https://www.tawk.to/)

Когда я вставляю их скрипт виджета, внешний вид моего веб-сайта изменяется из-за переопределения CSS (я использую библиотеку стилевых компонентов для стилизации)мой проект).

Кроме того, при переходе на другую страницу (с использованием библиотеки реагирующего маршрутизатора) я получаю следующую ошибку: 

Trying to insert a new style tag, but the given Node is unmounted!
* Are you using a custom target that isn't mounted?
* Does your document not have a valid head element?
* Have you accidentally removed a style tag manually?"

Я пытался вставить следующий код за пределыReactDOM.render (), а также внутри моего компонента в методе componentDidMount (). В обоих случаях без различий. 

let s1 = document.createElement('script');
let s0 = document.getElementsByTagName('script')[0];
s1.async = true;
s1.src = 'https://linkToExternalJavaScriptFile';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);

Как предотвратить переопределение CSS и избавиться от упомянутого сообщения об ошибке?

...