javascript - 如何在 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，但它将是 automatically required .

查看导出函数的签名，它看起来可能需要一个 jQuery 元素和选项:https://github.com/select2/select2/blob/master/dist/js/select2.js#L5052

但是在导入它之后，它应该作为插件附加到 jQuery，所以我认为 $('.some-element').select2([options]); 会也可以。

那么您是否只是尝试了 require('select2')(如果还没有，则尝试 npm i jquery --save)？