Instascan: शून्य की संपत्ति 'स्लाइस' नहीं पढ़ सकता (रिएक्ट ऐप प्रोजेक्ट बनाएं)

को निर्मित 11 जून 2018 · 7टिप्पणियाँ · स्रोत: schmich/instascan

instascan मेरी परियोजनाओं में एक त्रुटि फेंकता है:

लेखन त्रुटि: नल की संपत्ति 'टुकड़ा' नहीं पढ़ सकता
पार्सजेएसएफएनसी
नोड_मॉड्यूल/इंस्टास्कैन/src/zxing.js:4

प्रोजेक्ट्स क्रिएट रिएक्ट ऐप 2 के साथ बनाए गए हैं। CRA2 वर्तमान में अल्फा में है, लेकिन अन्यथा बहुत स्थिर है और instascan पहली निर्भरता है जो मैंने देखी है जो काम नहीं करती है। शायद समस्या instascan ।

मैंने मूल रूप से react-instascan (rubenspgcavalcante/react-instascan/issues/9) में एक समस्या की सूचना दी थी, लेकिन लेखक ने इस पर ध्यान दिया और माना कि समस्या instascan ।

मैंने एक भंडार बनाया है जो त्रुटि को पुन: उत्पन्न करता है:
https://github.com/lnhrdt/react-instascan-error

कोई विचार?

स्रोत

lnhrdt

👍2

सबसे उपयोगी टिप्पणी

यह मेरे लिए @karenjwap काम नहीं किया, लेकिन मुझे सही दिशा में इंगित किया।
आदर्श रूप से ZXing Java लाइब्रेरी के C++ पोर्ट के Emscripten JavaScript बिल्ड को फिर से बनाया जाना चाहिए, क्योंकि ऐसा लगता है कि वर्तमान वाला नए ब्राउज़र के साथ संगत नहीं हो सकता है।

अनिवार्य रूप से फ़ंक्शन के साथ एक वस्तु मान के रूप में स्ट्रिंग में बदल जाती है, फिर उनके तर्कों, शरीर और वापसी मूल्य के लिए पार्स किया जाता है।
इस पैटर्न मिलान के लिए ज़िम्मेदार रेगेक्स हालांकि फ़ंक्शन नामों के लिए जिम्मेदार नहीं है, केवल नामहीन फ़ंक्शन पास होते हैं।

tldr वैसे भी, यहाँ समाधान है:

sourceRegex बिट को निम्न रेगेक्स से बदलें:

/^function[^\(]*\(([^)]*)\)\s*{\s*([^*]*?)[\s;]*(?:return\s*(.*?)[;\s]*)?}$/

या बस एक कांटा का प्रयोग करें:
https://github.com/CrowdReactive/instascan

ZeeCoder 25 जून 2019

👍2 🚀1 ❤1 🎉1

सभी 7 टिप्पणियाँ

नमस्ते, समस्या के बारे में अधिक जानकारी देने के लिए। @lnhrdt से create-react-app उदाहरण में, यदि आप संपूर्ण index.js को इसके साथ अधिलेखित कर देते हैं...

import {Camera} from "instascan";
Camera.getCameras().then(cameras => console.log(cameras));

...त्रुटि होगी।
मैंने जो देखा वह कोड में उस स्क्रिप्ट के आंतरिक रिज़ॉल्यूशन में कुछ समस्या है। मैंने नोट किया कि यह zxing स्क्रिप्ट (मिनिफाइड) सीधे प्रोजेक्ट में जोड़ी जाती है न कि निर्भरता के रूप में (क्या यह बंडल फ़ाइल इस प्रोजेक्ट से आई है?)
वैसे भी अगर ऐसा है, तो शायद npm/यार्न का उपयोग करके उस पैकेज को जोड़ दें और जांचें कि क्या umd रिज़ॉल्यूशन काम करता है? मैं

rubenspgcavalcante 11 जून 2018

अतिरिक्त जानकारी के लिए धन्यवाद @rubenspgcavalcante!

मैंने react-instascan निर्भरता को हटाने के लिए उदाहरण रेपो को अभी अपडेट किया है और रूबेन्स ने जिस तरह से सुझाव दिया है, केवल instascan का उपयोग करके त्रुटि प्रदर्शित करता है।

https://github.com/lnhrdt/react-instascan-error

lnhrdt 12 जून 2018

👍1

@lnhrdt , शायद यह भी संबंधित है #121
त्रुटि अलग है, लेकिन मैं अभी भी सोच रहा हूं कि आंतरिक मॉड्यूल रिज़ॉल्यूशन के साथ कुछ है

rubenspgcavalcante 12 जून 2018

👍1

अच्छी अंतर्दृष्टि @rubenspgcavalcante , संभावना प्रतीत होती है। इंस्टास्कैन लेखक ने अभी तक उस चर्चा में भाग नहीं लिया है। @schmich क्या आपको इस मुद्दे पर कोई अंतर्दृष्टि है (जो #121 से संबंधित हो सकती है)? आपके विचार यहाँ सहायक होंगे!

lnhrdt 14 जून 2018

👍1

ट्रांसपिलेशन के दौरान सिंटैक्स परिवर्तन से त्रुटि आती है।

zxing.js में, प्रतिस्थापित करें:
var sourceRegex=/^function\s (([^)] ))\s {\s ([^ ] ?)[\s;] (?:return\s (. ?)[;\s] )?} $/;

द्वारा:
var sourceRegex=/^function\s \S (([^)] ))\s {\s ([^ ] ?)[\s;] (?:return\s (. ?)[;\s]* )?}$/;

मेरे लिए काम किया।

karenjwap 6 मार्च 2019

👀1

augustofontes 25 अप्रैल 2019