Html-react-parser: त्रुटि: img एक शून्य तत्व टैग है और इसमें न तो `बच्चे` होने चाहिए और न ही `खतरनाक रूप से SetInnerHTML` का उपयोग करना चाहिए

को निर्मित 26 अग॰ 2016 · 14टिप्पणियाँ · स्रोत: remarkablemark/html-react-parser

नमस्ते!

महान प्लगइन, वास्तव में लगता है कि यह मेरे लिए काम करने में मददगार होगा।

मैंने देखा कि किसी भी img -element को पार्स करने से उपरोक्त त्रुटि होती है। यह किसी भी तत्व पर भी लागू हो सकता है जिसमें कभी भी बाल तत्व नहीं होने चाहिए।

कुछ इस तरह का उपयोग करने के लिए एक अस्थायी समाधान है:

const parserConfig = {
    replace: domNode => {
        if(domNode.type === DOM_TYPE_TAG && domNode.name === 'img') {
            return <img src={domNode.attribs.src} alt={domNode.attribs.alt} className={domNode.attribs.class} />;
        }
    }
};

bug

स्रोत

poacher2k

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

मैं इस मुद्दे में भाग रहा था क्योंकि मैं बच्चों को एक आईएमजी टैग में जोड़ने की कोशिश कर रहा था ...

Sshetty2 28 मई 2019

👍2 😕1

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

मुझे बताने के लिए धन्यवाद। क्या आपके पास एक उदाहरण है ताकि मैं इस त्रुटि को पुन: उत्पन्न कर सकूं?

remarkablemark 26 अग॰ 2016

नमस्ते!
आप इसे निम्न के साथ पुन: पेश कर सकते हैं:
ReactDOM.render(Parser('<div><img src="" alt=""/></div>'), document.getElementById('root'));

poacher2k 29 अग॰ 2016

कमाल है धन्यवाद!

poacher2k 29 अग॰ 2016

@ poacher2k उदाहरण के लिए धन्यवाद। मैंने बग में देखा है और #16 में एक फिक्स किया है।

npm update html-react-parser या npm install [email protected] आज़माएं और मुझे बताएं कि क्या यह आपके लिए त्रुटि को दूर करता है।

remarkablemark 29 अग॰ 2016

😄1 👍1

इसने इसे ठीक कर दिया, फिर से धन्यवाद! यह देखकर खुशी हुई कि आपने अन्य शून्य तत्वों के लिए भी चेक जोड़े हैं!

poacher2k 29 अग॰ 2016

सुनकर बहुत अच्छा लगा और आपका बहुत-बहुत स्वागत है! मैं

remarkablemark 29 अग॰ 2016

@remarkablemark मुझे अभी भी समस्या का सामना करना पड़ रहा है और npm install

vidit1 5 जन॰ 2018

@vidit1 क्या आप पुष्टि कर सकते हैं कि आपने latest संस्करण स्थापित किया है?

npm i html-react-parser<strong i="8">@latest</strong>

# or
npm i [email protected]

फिर ऐसा करके सत्यापित करें:

npm ls html-react-parser

remarkablemark 5 जन॰ 2018

@remarkablemark मैंने नवीनतम संस्करण html-react-parser को अपडेट किया और अभी भी इस मुद्दे का सामना कर रहा हूं। मेरे तत्व सामग्री-यूआई घटक के अंदर है।
<Drawer> <div className="alert" role="alert"> <img src="https://getbootstrap.com/assets/brand/bootstrap-solid.svg" width="30" height="30" className="d-inline-block align-top" alt=""> Bootstrap </img> </div> </Drawer>

blueskysmart 12 जन॰ 2018

@blueskysmart : आपके पास अपने img -tag के अंदर "बूटस्ट्रैप" टेक्स्ट है। जैसा कि त्रुटि कहती है, img एक शून्य तत्व है, और उसके कोई बच्चे नहीं हो सकते।

इसे कैसे ठीक किया जाए, इस पर मार्गदर्शन के लिए नीचे @remarkablemark की टिप्पणी देखें।

poacher2k 12 जन॰ 2018

👍1

@blueskysmart @ poacher2k द्वारा की गई टिप्पणी सही है। आप इस त्रुटि का पुनरुत्पादन इस पहेली में देख सकते हैं।

remarkablemark 12 जन॰ 2018

ठीक है, मैं देखता हूँ। धन्यवाद।

blueskysmart 22 जन॰ 2018

यह त्रुटि तब भी आती है जब आप इसे केवल पार्स करने का प्रयास करते हैं:
<img src="img.jpg".>

इसे काम करने के लिए, इसे एक div में लपेटें:

<div>
<img src="img.jpg".>
</div>

cipiripper 31 अक्तू॰ 2018

👍1

Sshetty2 28 मई 2019

👍2 😕1

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

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

Html-react-parser: त्रुटि: img एक शून्य तत्व टैग है और इसमें न तो `बच्चे` होने चाहिए और न ही `खतरनाक रूप से SetInnerHTML` का उपयोग करना चाहिए

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

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

संबंधित मुद्दों