如何在 webpack 中使用 select2？

Question

我已經通過以下方式下載了select2作為節點模塊：

npm install select2

並將其包含在我的app.js ：

require('select2')($);

---

當我運行webpack時沒有錯誤，但是當我打開應用程序時，我得到：

 Uncaught TypeError: Object.defineProperty called on non-object(…)

來自select2.js ：

 S2.define('select2/core',[ 'jquery', './options', './utils', './keys' ], function ($, Options, Utils, KEYS) { (...) }

這是否是因為select2模塊包裝器僅適用於 AMD 並且與 CommonJS 不兼容？

Answer 1

你在哪里看到這個select2是怎么用的？ 從我看項目的角度來看，您需要將jquery安裝為 dep，但隨后將自動需要它。

查看導出函數的簽名，它看起來可能需要一個 jQuery 元素和選項： https : //github.com/select2/select2/blob/master/dist/js/select2.js#L5052

但是在導入之后，它應該作為插件附加到 jQuery，所以我認為$('.some-element').select2([options]); 也會工作。

那么您是否只是嘗試了require('select2') （如果您還沒有嘗試過，則嘗試npm i jquery --save ）？

Answer 2

如果有人現在正在尋找這個只是做 require('select') 不會附加它 jquery 你必須require('select2')(); 然后你可以打電話

$(document).ready(()=>{
  $('.select2').select2()
})

那么它會起作用。 現在我已經用電子 js 對此進行了測試。 它的工作！

在我的文檔中，這就是我首先導入所有內容 jquery 然后 select2

  window.$ = window.jQuery = require("jquery");
  require('select2')();