वेबकैक और टाइपस्क्रिप्ट

Question

के साथ JQuery प्लगइन (डेटाटेबल्स) मैं वेबपैक और टाइपस्क्रिप्ट के साथ डेटाटेबल्स JQuery प्लगइन का उपयोग करने की कोशिश कर रहा हूं। मेरे पास पहले से JQuery ऊपर है और टाइपिंग के लिए टाइपिंग (इंटेलिसेन्स वर्क्स) के साथ चल रहा है, मेरे पास केवल इंटेलिसेन्स है, लेकिन जब मैं ऐप चलाता हूं तो वेबपैक बनाने के बाद कोड $ ('# id') की स्थिति में विफल रहता है। डेटाटेबल() लाइन।

app.js:43Uncaught TypeError: $(...).dataTable is not a function

मैं यह पता लगाने की संलग्न करने के लिए कि यह कैसे सही ढंग से प्लगिन, किसी को भी मेरी मदद कर सकते हैं तो कृपया कर पा रहा हूँ?

वेबपैक.config.js निम्नानुसार है; https://gist.github.com/marcingolenia/2fa78ed2cd42f9294da5edd22d351245

मुझे आशा है कि यह लाइन समस्या का समाधान करेगी;

{ test: require.resolve("dataTables.net"), loader: "imports?define=>false,$=jquery"}, 

आयात लोडर के दस्तावेज़ के रूप में कहते हैं;

कॉमनजेएस का उपयोग करने से पहले परिभाषित फ़ंक्शन की जांच करने वाले कई मॉड्यूल हैं। चूंकि वेबपैक दोनों में सक्षम है, इसलिए वे इस मामले में में एएमडी के लिए डिफ़ॉल्ट हैं, जो कार्यान्वयन क्विर्की होने पर समस्या हो सकती है।

datatables दोनों प्रदान करता है, तो मैं एएमडी का उपयोग कर => झूठी यहाँ उल्लेख किया https://www.datatables.net/forums/discussion/32542/datatables-and-webpack

अब मैं अटक कर रहा हूँ :(

Answer 1

आपने लगभग कर रहे हैं!

परिभाषित निष्क्रिय करने के लिए करना चाहता था सुनिश्चित करें कि datatables.net और datatables.net-dt एनपीएम के माध्यम से स्थापित:

npm install datatables.net datatables.net-dt --save-dev 

अपनी प्रविष्टि फ़ाइल ./src/main.js लिखने में:

require('datatables.net')(window, $) 
require('datatables.net-dtt')(window, $) 

उसके बाद, प्रारूप $(...).dataTable निम्न में से कोई कोड तर्क ओ DataTables के मुख्यपृष्ठ पर दिखाए गए उदाहरण के रूप में काम करेंगे।