Vue: Async Components का उपयोग करते समय मेमोरी लीक

को निर्मित 31 अग॰ 2018 · 3टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.5.17

प्रजनन लिंक

प्रजनन करने कि प्रक्रिया

प्रजननकर्ता को लोड करें और एक मेमोरी हीप स्नैपशॉट लें। हीप की खोज करने पर आपको 4 वीयूकेपर्स (ऐप, कंटेनर, चाइल्ड, एसिक्स चाइल्ड) मिलेंगे
नष्ट बटन पर क्लिक करें। यह एक v-if को टॉगल करता है जो चाइल्ड कंपोनेंट को हटा देगा और इस तरह से AsyncChild कंपोनेंट भी।
इस बिंदु पर, पृष्ठ अपेक्षित रूप से अपडेट किया गया है
एक और मेमोरी हीप स्नैपशॉट लें। "VueComponent" के लिए फिर से ढेर खोजें और आप देखेंगे कि 4 VueCompords अभी भी मौजूद हैं

क्या उम्मीद है?

बाल घटक को नष्ट करने के बाद, घटक और यह अतुल्यकालिक रूप से लोड किए गए बाल घटक को नष्ट कर दिया जाना चाहिए और मेमोरी को मुक्त कर दिया गया।

वास्तव में क्या हो रहा है?

Vue एक संदर्भ संदर्भ पर पकड़ रहा है जो इन घटकों को कचरा एकत्र करने से रोक रहा है

यह यहाँ स्थित रिज़ॉल्यूशन-एस्किंट-घटक तर्क के कारण हो रहा है: https://github.com/vuejs/vue/blob/52719ccab8fccffbdf497b96d3731dc86f0c1ce/src/core/core/vdom/helpers/resolve-async-component.jp####

$ 64 पर फ़ोर्सरेंडर फंक्शन में, $ फोर्स यूडेट को कॉल करने के बाद, कॉन्टेक्ट्स एरे को उन संदर्भों को खाली करने के लिए साफ़ किया जाना चाहिए ताकि घटकों को बाद के बिंदु पर समय पर एकत्र किया जा सके।

bug has PR

स्रोत

mattlavallee

👍1

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

मैं इस मुद्दे को ठीक करने के लिए एक पीआर प्रस्तुत कर सकता हूं, धन्यवाद

mattlavallee 31 अग॰ 2018

🎉17

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

मैं इस मुद्दे को ठीक करने के लिए एक पीआर प्रस्तुत कर सकता हूं, धन्यवाद

mattlavallee 31 अग॰ 2018

🎉17

PR यहां सबमिट किया गया: https://github.com/vuejs/vue/pull/8755

mattlavallee 4 सित॰ 2018

👍2

हाय @LinusBorg

मैं देख रहा हूँ कि आपने इस मुद्दे पर कुछ लेबल जोड़े हैं। क्या कुछ और है जो मुझे संदर्भित पुल अनुरोध की समीक्षा प्रक्रिया को किक करने के लिए करने की आवश्यकता है?

धन्यवाद!

mattlavallee 21 सित॰ 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स