Cách sử dụng select2 với webpack?

Question

Tôi đã tải select2 như mô-đun nút bởi:

npm install select2 

và đưa nó vào app.js tôi:

require('select2')($); 

---

Khi tôi chạy webpack không có lỗi, nhưng khi tôi mở ứng dụng Tôi nhận được:

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

đến từ select2.js:

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

Liệu nó xảy ra bởi vì mô-đun wrapper cho select2 chỉ làm việc với AMD và không tương thích với CommonJS?

Answer 1

Nơi nào bạn thấy đây là cách sử dụng select2? Theo như tôi có thể nhìn thấy từ liếc nhìn vào dự án, bạn cần jquery cài đặt như một dep nhưng sau đó nó sẽ là automatically required.

Nhìn vào chữ ký của chức năng xuất khẩu có vẻ như nó có thể mất một yếu tố và các tùy chọn jQuery: https://github.com/select2/select2/blob/master/dist/js/select2.js#L5052

Tuy nhiên sau khi nhập nó, nó sẽ chỉ được gắn liền với jQuery như là một plugin, vì vậy tôi nghĩ rằng rằng $('.some-element').select2([options]); cũng sẽ hoạt động.

Vì vậy, bạn đã chỉ cần thử require('select2') (và npm i jquery --save nếu bạn chưa có)?