Storybook: So importieren Sie jQuery in den globalen Namespace (für Semantic UI)
Hi. Ich versuche, Semantic UI zu verwenden, und ich verblasse das gesamte CSS davon. Das Problem ist, dass Semantic UI jQuery im globalen Namespace erwartet. Ich habe versucht, es zu importieren, aber ich bekomme immer noch 'jQuery' ist nicht definiert.
//file: config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
import './semanticui'
Irgendeine Idee, wie das erreicht werden kann?
tomitrescak
Alle 3 Kommentare
Ok, das schien ein Trick zu sein, als ich diesen Code in meine Hauptdatei .stories/index einfügte.
import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
require('./semanticui');
Danke dafür @tomitrescak
Ich habe mich für das npm install semantic-ui-css --save-dev Paket entschieden und die Dateien direkt daraus importiert
// config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
require('semantic-ui-css/semantic.css');
require('semantic-ui-css/semantic.js');
purplecones
am 25. Juli 2016
👍3
Ich hatte Probleme bei der Integration von jQueryUI , also habe ich es so gemacht. Es verwendet das Modul jquery-ui .
// config.js
import jquery from "jquery";
import jQueryAutocomplete from "jquery-ui/ui/widgets/autocomplete";
import jQueryDatepicker from "jquery-ui/ui/widgets/datepicker";
jquery.autocomplete = jQueryAutocomplete;
jquery.datepicker = jQueryDatepicker;
global.$ = jquery;
global.jQuery = jquery;
darekkay
am 7. Feb. 2020
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen
Verwandte Themen
dnlsandiego
·
3Kommentare
purplecones
·
3Kommentare
tirli
·
3Kommentare
xogeny
·
3Kommentare
shilman
·
3Kommentare
Hilfreichster Kommentar
Danke dafür @tomitrescak
Ich habe mich für das
npm install semantic-ui-css --save-devPaket entschieden und die Dateien direkt daraus importiert