Vue: चेतावनी संदेश जानकारी में सुधार करें

इस दायर मुद्दे के लिए अधिक जानकारी की आवश्यकता है। क्या आप Vue 2 या Vue 1 का उपयोग कर रहे हैं?
क्या यह एक बग या सुझाव है? अगर बग तो jsfiddle पर एक प्रतिलिपि प्रस्तुत करने योग्य लिंक।
यदि आपके किसी भी घटक में हैंडलर फ़ंक्शन नहीं है, तो यह कोई समस्या नहीं हो सकती है।

//श्रेष्ठ

मैं Vue 2 का उपयोग कर रहा हूं। यह बग नहीं है। यह एक त्रुटि संदेश है जो किसी काम का नहीं है। ठीक है, Vue इसे त्रुटि संदेश शैली में सुधार करने और इसे विशिष्ट बनाने के लिए एक सुझाव के रूप में ले सकता है। ताकि, किसी भी गलती से अगर कोई डेवलपर गलती करता है तो वह गलती कहां है, यह जानकर कम समय में इसे ठीक कर सकता है। रिएक्ट जेएस की तुलना में, वे लाइन नंबर के साथ-साथ कंपोनेंट का नाम दिखाते हैं और निश्चित रूप से त्रुटि भी।

मेरी इच्छा है कि विशिष्ट होने के लिए त्रुटि संदेश हो।

Vue में बहुत सारे संदेश हैं जो वास्तव में बहुत कुछ नहीं कहते हैं। दुर्भाग्य से, Vue की सुरक्षा जांच में कमी प्रतीत होती है।

मुझे लगता है कि अगर Vue अपनी चेतावनियों में कुछ और जानकारी जोड़ सकता है -

घटक का नाम
घटक प्रकार
या
विकास के लिए चेतावनी संदेश को विन्यास योग्य बना सकता है env.

जब भी हम कर सकते हैं हम घटक जानकारी प्रदान करने का प्रयास करते हैं, यह शायद एक निरीक्षण है।

@just-nobody कृपया विशिष्ट उदाहरण प्रदान करें कि किन संदेशों की कमी है ताकि हम सुधार कर सकें - केवल शिकायत करने से कुछ हासिल नहीं होता है।

मैं वास्तव में शिकायत नहीं कर रहा था; मुझे लगा कि यह कुछ ऐसा है जिसे लोग पहले से ही जानते थे। मैंने अतीत में बहुत से छोटे किनारे के मामलों में भाग लिया है जो वास्तविक मुद्दे का एक अजीब, गैर-वर्णन संदेश देता है, लेकिन इसके बजाय स्रोत में गहराई से निहित है, और कुछ अन्य मुद्दों ने कोई त्रुटि नहीं छोड़ी है, और इसके बजाय कुछ अजीब प्रतिपादन का कारण बना है कीड़ा। कुछ को दूसरों की तुलना में ट्रैक करना आसान था इसलिए मैंने उन्हें रिपोर्ट करने की जहमत नहीं उठाई क्योंकि मुझे लगा कि यह सिर्फ मैं बेवकूफ हूं, लेकिन विशेष रूप से मैंने वास्तव में एक पुल अनुरोध बनाया क्योंकि मुझे यह पता लगाने में इतना समय लगा कि क्या गलत था .

मुझे लगता है कि उनमें से बहुत कुछ तय हो गया है कि 2.0.1 बाहर है, लेकिन चुप रहने के लिए मेरा बुरा, मुझे लगता है। पाठकों के लिए एक संदेश: यदि आपको लगता है कि यह एक बग है, तो इसकी रिपोर्ट करें, भले ही यह बग न हो।

@ yyx990803 यहां तक ​​कि, किसी घटक की नाम कुंजी प्रदान करने से बहुत मदद नहीं मिलती है। इस मुद्दे को एक सुधार के रूप में रोकने और जोड़ने के लिए धन्यवाद।

:) धन्यवाद इवानो

नमस्ते, मैंने हाल ही में देखा है कि लाइन नंबरों की कमी से चीजों को डीबग करना वाकई मुश्किल हो जाता है, खासकर अगर घटक बड़ा है। मेरे पास दो हजार लाइनों वाला एक घटक है। मुझे एक चेतावनी मिली
"[Vue चेतावनी]: फ़ंक्शन प्रस्तुत करने में त्रुटि: "लेखन त्रुटि: _vm.values ​​[item.name] अपरिभाषित है""

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

कृपया अगले संस्करणों में लाइन नंबर जोड़ने पर विचार करें। शुक्रिया।

+1 कृपया लाइन नंबर जोड़ें।

मुझे अगला संदेश मिला,

vue.js:577 [Vue चेतावनी]: प्रस्तुत करने में त्रुटि: "लेखन त्रुटि: अपरिभाषित की संपत्ति 'लंबाई' नहीं पढ़ सकता"
(में पाया)

मुझे पता है कि यह क्यों विफल रहता है, इस निर्माण पर "variable.length" यदि चर == शून्य है। समस्या यह है कि मेरे पास कई ".length" संरचनाएं हैं, डेटा बाहरी सेवा से आ रहा है।

मेरे लिए वही @ameoba32
मेरे पास "अपरिभाषित की संपत्ति 'लंबाई' नहीं पढ़ सकता है" और मुझे नहीं पता कि समस्या कहां है। यह एक बड़ा वेबएप है इसलिए यह कठिन है।
मुझे लगता है कि मुझे कारण में फ़ाइल मिली लेकिन मुझे नहीं पता कि त्रुटि वास्तव में कहां है।
क्या मुझे टूटी हुई रेखा को खोजने के लिए लाइन से लाइन मिटानी चाहिए? एक्सडी

यहाँ वही @ameoba32 जैसा है । @yyx990803 कृपया कुछ करें। धन्यवाद!

मुझे Vue बहुत पसंद है और मैं इसके साथ दो साल से काम कर रहा हूं। RENDER त्रुटि में विशिष्टता की कमी मेरी #1 शिकायत/ठीक करने का अनुरोध है। यह त्रुटि या तो टेम्पलेट में या संबंधित जेएस कोड में होती है। एक लाइन नंबर बहुत मदद करेगा, या भले ही समस्या टेम्पलेट या जेएस कोड में स्थित हो।

एक ही समस्या थी

हां। मुझे भी यही समस्या है ;)

unreachable code after return statement[Więcej informacji] app.js:5248:4
unreachable code after return statement[Więcej informacji] app.js line 4957 > eval:5248:4
unreachable code after return statement[Więcej informacji] app.js:5248:4
unreachable code after return statement[Więcej informacji] app.js line 5136 > eval:5248:4

मैं समझता हूं कि इसका क्या अर्थ है, लेकिन मुझे नहीं पता कि मुझे इसे कहां ठीक करना चाहिए और उन मुद्दों को खोजने के लिए अपने सभी घटकों के माध्यम से जाना बहुत काम का है।

मेरा भी यही विचार है।

vue.common.js का मेरे लिए कोई मतलब नहीं है जब मैं यह पता लगाने की कोशिश करता हूं कि त्रुटि कहां हुई।

मैं सहमत हूं, कि स्रोत फ़ाइल में केवल लाइन नंबर डिबगिंग को गति देगा

इसके बारे में कुछ नया? मुद्दा क्यों बंद है (चूंकि मुद्दा अभी भी है)?

इसे ठीक करना पसंद करेंगे! डिबगिंग अभी बहुत जटिल है, आसान डिबगिंग के लिए हमें फ़ाइल नाम और लाइन नंबर की आवश्यकता है, कृपया ठीक करें

मैं भी सहमत हूं, मेरी .vue फाइलें इतनी बड़ी हैं और सटीक स्थान प्राप्त करने से मदद मिलेगी।

मैंने यह निर्धारित करने में कुछ प्रगति की है कि कौन सा घटक त्रुटि के लिए लाइन नंबर (कई मामलों में) प्राप्त कर सकता है। (मैं एकल फ़ाइल घटकों का उपयोग कर रहा हूं)। लेकिन अभी भी बहुत कुछ करना बाकी है। मैं भविष्य में अपने निष्कर्ष जारी करने की आशा करता हूं।

@gpadilla123 गॉड स्पीड सर। आपके काम के लिए तत्पर हैं।

यदि कोई भी लोग अभी भी विकृत रिटर्न स्टेटमेंट के लिए अपने कोड को जोड़ रहे हैं, तो मुझे त्रुटि का स्रोत तब मिला जब मैं टेम्पलेट में एक अभिव्यक्ति और फ़ंक्शन कॉल दोनों का उपयोग करता हूं:
:class="x=0; getClass()" इस मामले में, x=0; को हटाने से चेतावनी से छुटकारा मिल गया। ऐसा नहीं है कि इस सूची में किसी के लिए जरूरी है, लेकिन टेम्पलेट की जांच करने के लिए एक अनुस्मारक।

आज भी यह गेंदों के रूप में अस्पष्ट है। मुझे एक त्रुटि मिल रही है जब वू कुछ का मूल्यांकन कर रहा है मैं भी बदल नहीं रहा हूं ...

Vue 3.0 को इस मुद्दे को हल करना चाहिए क्योंकि इसमें बेहतर त्रुटि संदेश होंगे, लेकिन Vue 3.0 की रिलीज़ की तारीख 2019 की दूसरी तिमाही के अंत से 2019 के अंत तक है। मेरे लिए प्रतीक्षा करने के लिए बहुत लंबा है, इसलिए मैंने लाइन प्राप्त करने का एक तरीका हैक कर लिया है। त्रुटियों की संख्या (कुछ मामलों के लिए)। हैक किए गए समाधान को और अधिक मजबूत बनाने और अधिक मामलों के लिए कार्य करने की आवश्यकता है।

हाँ यह मुझे मार रहा है, मैं कम से कम लाइन नंबर या कुछ बेहतर निर्दिष्ट करने की उम्मीद कर रहा था

+1

यह घातक है। हमें उन पंक्तियों की आवश्यकता है जिन पर त्रुटियां हो रही हैं ताकि सही ढंग से रिपोर्ट की जा सके। फिलहाल मुझे लगता है कि त्रुटि होने पर पूरी तरह से बेकार vue.js लाइन नंबर

[Vue चेतावनी]: प्रस्तुत करने में त्रुटि: "लेखन त्रुटि: अपरिभाषित की संपत्ति '0' नहीं पढ़ सकता"

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined"
लाइन खोजने में मज़ा आएगा। खासकर जब मेरे कोड में बहुत सारे .length ।

इस तरह के संदेश जंगली हंस का पीछा करने की तरह हैं। कोई सुराग नहीं जहां त्रुटि उत्पन्न हुई: मैं एक पंक्ति संख्या, एक Vue का नाम, एक फ़ंक्शन का नाम जो मैंने बनाया है और वह Vue ढांचे का हिस्सा नहीं है, की अपेक्षा करता हूं। यह vue 2.5.17 पर होता है। इस तरह के मामलों में व्यू डेवलपमेंट एक्सटेंशन से भी कोई मदद नहीं मिलती है।

यह सुनकर खुशी हुई कि इसे Vue 3.0 में संबोधित किया जाएगा। इस बीच मुझे एक अच्छी टिप मिली: कंसोल में एरर लाइन इंडिकेटर पर क्लिक करें, फिर Vue के सोर्स में उसी लाइन पर ब्रेकपॉइंट लगाएं। फिर आप पृष्ठ को पुनः लोड कर सकते हैं, डीबगर ब्रेकपॉइंट पर रुक जाएगा, फिर आप स्टैक का बैक अप तब तक काम कर सकते हैं जब तक आपको अपना कोई घटक नहीं मिल जाता है, और आमतौर पर त्रुटि होती है।

यह सही नहीं है, लेकिन यह आपको बग के शिकार में फंसने में मदद कर सकता है।

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined"
लाइन खोजने में मज़ा आएगा। खासकर जब मेरे कोड में बहुत सारे .length ।

अंत में रेखा मिली।
अगर मसला सुलझ जाता तो इतना समय नहीं लगता।

+1, Vue के कंसोल लॉगिंग में बहुत कमी है। उदाहरण के लिए नीचे ले लो। यह मुझे कंपोनेंट स्टैक बता रहा है, जो अच्छा है, लेकिन यहां लाइन नंबर का कोई संदर्भ नहीं है, और संपूर्ण कॉल स्टैक पॉइंट्स Vue कोड को कंपाइल करने के लिए है, न कि मेरा कंपोनेंट कोड। घटक नाम के आगे एक पंक्ति संख्या इसकी आवश्यकता है।

मुझे लाइन नंबरों के बिना डिबगिंग के मुद्दे भी आ रहे हैं ...

चुनौती स्वीकार की गई।

यह बरसों से बेहाल है और अब भी है।

मैं इस उम्मीद से स्क्रॉल कर रहा था कि किसी के पास इसके लिए पहले से ही कुछ सुपर सीक्रेट हैक होगा या कुछ अपडेट पहले से ही होगा

+1

TypeError: Cannot read property 'length' of undefined

लेकिन मेरे पास 30-50 . है

रेंडर त्रुटियों में हमें वास्तव में लाइन नंबर की आवश्यकता होती है।

कोई उपाय?

पुष्टि कर सकता हूं, मैं यहां सिर्फ अपने कोड को देख रहा हूं ... कोई सुराग नहीं है कि यह क्यों विफल हो रहा है।

यदि Vue के नुकसान हैं तो यह केवल एक ही होगा