Storybook: كيفية استيراد jQuery إلى مساحة الاسم العالمية (لواجهة المستخدم الدلالية)

تم إنشاؤها على ٢٢ يوليو ٢٠١٦ · 3تعليقات · مصدر: storybookjs/storybook

أهلا. أحاول استخدام واجهة المستخدم الدلالية وأتلاشى من كل محتوياتها. تكمن المشكلة في أن واجهة المستخدم الدلالية تتوقع jQuery في مساحة الاسم العالمية. حاولت متابعة استيراده ، لكنني ما زلت أحصل على أن "jQuery" غير معرّف.

//file: config.js

import jquery from 'jquery';

global.$ = jquery;
global.jQuery = jquery;

import './semanticui'

أي فكرة كيف يمكن تحقيق ذلك؟

مصدر

tomitrescak

التعليق الأكثر فائدة

شكرا لهذا tomitrescak

قررت أن أحصل على حزمة npm install semantic-ui-css --save-dev واستورد الملفات منها مباشرة على هذا النحو

// config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery =  jquery;
require('semantic-ui-css/semantic.css');
require('semantic-ui-css/semantic.js');

purplecones في ٢٥ يوليو ٢٠١٦

👍3

ال 3 كومينتر

حسنًا ، يبدو أن هذا يؤدي إلى خدعة ، عندما وضعت هذا الرمز في ملفي الرئيسي .stories/index .

import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
require('./semanticui');

tomitrescak في ٢٢ يوليو ٢٠١٦

شكرا لهذا tomitrescak

قررت أن أحصل على حزمة npm install semantic-ui-css --save-dev واستورد الملفات منها مباشرة على هذا النحو

// config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery =  jquery;
require('semantic-ui-css/semantic.css');
require('semantic-ui-css/semantic.js');

purplecones في ٢٥ يوليو ٢٠١٦

👍3

لقد واجهت مشكلات في دمج jQueryUI ، لذا فإليك كيفية القيام بذلك. يستخدم وحدة 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;