Storybook: jQueryをグローバル名前空間にインポートする方法（セマンティックUIの場合）
やあ。 セマンティックUIを使用しようとしていますが、すべてのcssがフェードしています。 問題は、セマンティックUIがグローバル名前空間でjQueryを予期していることです。 次の手順でインポートしようとしましたが、「jQuery」が定義されていません。
//file: config.js
import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
import './semanticui'
これをどのように達成できるか考えていますか？
tomitrescak
全てのコメント3件
このコードをメインの.stories/indexファイルに入れると、これはうまくいくように見えました。
import jquery from 'jquery';
global.$ = jquery;
global.jQuery = jquery;
require('./semanticui');
この@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
2016年07月25日
👍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;
darekkay
2020年02月07日
このページは役に立ちましたか？
0 / 5 - 0 評価
関連する問題
purplecones
·
3コメント
tlrobinson
·
3コメント
wahengchang
·
3コメント
oriSomething
·
3コメント
shilman
·
3コメント
最も参考になるコメント
この@tomitrescakをありがとう
私は
npm install semantic-ui-css --save-devパッケージを作成し、そこから直接ファイルをインポートすることにしました。