theme - tooltip jquery




如何使用ES6/ES7語法導入jQuery UI? (3)

在webpack配置中添加別名:

resolve: {
  alias: {
    'jquery-ui': 'jquery-ui-dist/jquery-ui.js'
  }
}

將它們保存在package.json中:

npm i --save jquery
npm i --save jquery-ui-dist

然後

import $ from 'jquery';
import 'jquery-ui';

它適用於我的最後一個jquery(3.2.1)和jquery-ui(1.12.1)。

詳情請見我的博客: http://code.tonytuan.org/2017/03/webpack-import-jquery-ui-in-es6-syntax.htmlhttp://code.tonytuan.org/2017/03/webpack-import-jquery-ui-in-es6-syntax.html

我試圖在reactJS / Redux應用程序中使用一些jQuery UI功能。 我使用以下命令導入了jQuery和jQuery UI:

npm install jquery jquery-ui

然後我嘗試過:

import $ from 'jquery';
import jQuery from 'query';
import jQuery-ui from 'jquery-ui';

但是,當我嘗試執行以下操作時,似乎不會導入jQuery UI:

componentDidMount() {
  $('ol#myList').selectable();
}

我相信問題在於jQuery UI。 我究竟做錯了什麼? 如何讓jQuery UI與此堆棧一起使用?

謝謝!


我先來,

npm install jquery-ui-bundle --save

當我需要它時,我

import 'jquery-ui-bundle';
import 'jquery-ui-bundle/jquery-ui.css';

組件名稱是jqueryui(沒有連字符),使用import jqueryui from 'jquery-ui'或者只是import 'jquery-ui'





redux