Signature_pad: सिग्नेचरपैड क्रिएट रिएक्ट ऐप के साथ काम नहीं कर रहा है

@taylorlapeyre रिपोर्ट के लिए धन्यवाद। यह वास्तव में अजीब है, क्योंकि यह वास्तविक जेएस कोड को वापस करने के बजाय ऐसा दिखता है, यह एक फ़ाइल के लिए एक पथ देता है, अर्थात
यह: __WEBPACK_IMPORTED_MODULE_1_signature_pad___default.a बराबर है: "/static/media/signature_pad.2ceae229.mjs" ।

मैं यह पता लगाने की कोशिश करूंगा कि क्या गलत है, लेकिन अगर किसी के पास कोई विचार है और एक पीआर को एक फिक्स के साथ बना सकता है, तो यह भयानक होगा।

@taylorlapeyre मैंने सोचा कि क्या गलत है और मुझे लगता है कि यह वास्तव में react-create-app में एक बग है, हालांकि मैं इसे यहाँ भी आसानी से ठीक कर सकता हूं। मुद्दा यह है कि वेबपैक 2 ईएस 6 संस्करण को लोड करता है, जो signature_pad.mjs फ़ाइल में है, लेकिन मुझे लगता है कि react-create-app में वेबपैक कॉन्फ़िगरेशन का पता नहीं है कि .mjs एक्सटेंशन के साथ फ़ाइलों को कैसे संभालना है - यही कारण है कि यह एक फ़ाइल नाम देता है।

@szimek आह, यह समझ में आता है। मुझे लगता है कि फिक्स इस मामले में क्रिएट रिएक्ट ऐप में होना चाहिए। क्या आप वहां पर एक पीआर बनाना चाहते हैं? अगर आप मुझे 🙂 से दूर जाने के लिए एक शुरुआती बिंदु देते हैं तो मैं इसे भी ले सकता हूं

सिर्फ रिकॉर्ड के लिए - हमारे लिए समाधान सीधे signature_pad.js फ़ाइल को हमारे src निर्देशिका में कॉपी करना था। एक बार जब हमने ऐसा कर लिया, तो हम उम्मीद के मुताबिक इसे आयात करने में सक्षम थे।

इस पर त्वरित उत्तर के लिए बहुत बहुत धन्यवाद, @szimek। @Taylorlapeyre साथ मैं काम ... बस रेपो काँटेदार और बदल निर्माण प्रक्रिया एक को लिखने के लिए .js के बजाय फ़ाइल .mjs फ़ाइल। मैं इस बात की पुष्टि कर सकता हूं कि पूरी तरह से हमारे बनाने-प्रतिक्रिया-ऐप संदर्भ में काम करता है! लेकिन हाँ, लगता है कि mjs एक बात है के बाद से उनके मुद्दे पर अधिक है।

एक बार फिर, CRA को पहले ही ले जाने के लिए @szimek को भारी सहारा ... ऐसा नहीं लगता है कि वे mjs समर्थन करने में बहुत रुचि रखते हैं ... woof।

हम एक पैच बना सकते हैं जो umd एक अलग नाम के तहत निर्यात करता है, जैसे signature_pad.umd.js और मॉड्यूल निर्माण के लिए signature_pad.js का उपयोग करता है। हालांकि मौजूदा वितरण पर इसका कितना प्रभाव पड़ेगा, यह निश्चित नहीं है। इसके अलावा, यह निश्चित नहीं है कि यह उपयोग मामला फिलहाल कितना सामान्य है ... किसी भी तरह, आइए जानते हैं कि हम आपकी कैसे मदद कर सकते हैं!

हाँ, हालाँकि यह समझ में आ सकता है कि इस फ़ाइल का नाम बदलकर signature_pad.es6.js कर दिया जाए ताकि यह सुनिश्चित हो सके कि यह हर जगह समर्थित है। हालाँकि, फिर से, डिस्ट्रेस फ़ाइलों का नाम बदलने के लिए एक बड़ी रिलीज़ की आवश्यकता होती है, इसलिए इसके लिए थोड़ी प्रतीक्षा करनी पड़ सकती है। मुझे डिफ़ॉल्ट बनाम नामित निर्यात से संबंधित एक और मुद्दे की जांच करने की आवश्यकता है जिसमें एक प्रमुख रिलीज (# 240) की आवश्यकता होती है। शायद मैं उन दोनों को एक ही समय में करूंगा।

एक बेहतर समाधान सीधे js फ़ाइल आयात करना है

import SignaturePad from 'signature_pad/dist/signature_pad.js';

इस वर्कअराउंड के लिए धन्यवाद, हमारे लिए signature_pad/dist/signature_pad.js काम करता है।

फेसबुक से एक आधिकारिक सिफारिश है कि इसे कैसे संभाला जा सकता है।
मूल रूप से वे सुझाव देते हैं कि ES6 को एक और युगल वर्षों के लिए पूरी तरह से समर्थित नहीं माना जा सकता है, इसलिए पुस्तकालयों को ES5 कोड प्रकाशित करना चाहिए। इस खंड को readme में देखें:

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#npm -run-build-fail-to-minify

सोचा था कि आपको बता दूंगा।

मैंने अभी तक इसकी कोशिश नहीं की है, लेकिन create-react-app v2 को node_modules में कोड भी संकलित करना चाहिए - https://github.com/facebook/create-react-app/pull/3776। V3 (वर्तमान में बीटा में) signature_pad अब mjs एक्सटेंशन का उपयोग नहीं करता है, इसलिए इसे create-react-app v2 के साथ काम करना चाहिए, हालांकि यह पुष्टि करने के लिए बहुत अच्छा होगा।

कृपया इस समस्या को फिर से खोलें यदि CRA 2 और इस लाइब्रेरी के नवीनतम बीटा संस्करण का उपयोग करते समय यह अभी भी एक समस्या है।