Добавление его в мой индекс. html Использование тега скрипта не сработало. Только когда он был добавлен как модуль узла и импортирован, он работал. Конечно, многие плагины jquery недоступны при использовании npm, поэтому мне пришлось создать свой собственный пакет. Это было на самом деле довольно просто. В моей папке node_modules я создал папку parse css и подпапку dist. В dist я разместил плагин jquery. В папку parse css я добавил пакет. json файл со следующим содержимым:
{
"main": "dist/jquery.parsecss.js",
"name": "parsecss",
"title": "parsecss"
}
Вам нужно добавить jQuery, как я показал в моем примере кода выше в индексе. html file:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
И в компоненте React:
/* global $ */
import React, { Component } from "react";
import parsecss from 'parsecss'
class Main extends Component {
constructor() {
$.parsecss(".mybutton { color: #ff0000; }", function(css) {
var x = 0;
x++;
});
}
}
Примечание. Комментарий / * global $ * / исправляет ошибку консоли, которая указывает, что $ не определен .