क्यों मेरी में रिश्तेदार छवि पथ काम एप्लिकेशन प्रतिक्रिया नहीं होगा?

वोट
1

मेरे

मैं एक प्रतिक्रिया एप्लिकेशन जिसमें मैं एक आधार के रूप में एक घटक में एक रिश्तेदार चित्र URL पारित है ...

<TechListItem imgSrc=../assets/images/javascript.png itemName=JavaScript />

और प्रोप src विशेषता में खिलाया जाता है ...

const TechListItem = (props) => {
return (
    <ListGroup.Item className=listItem>
        <img className=listImage src={ props.imgSrc } alt={ props.itemName }/>
        <p className=itemName>{ props.itemName }</p>
    </ListGroup.Item>
);
}

मैं अन्य स्रोतों से निरपेक्ष पथ के साथ एक ही घटक के अन्य उदाहरण बाहर परीक्षण किया है ...

<TechListItem imgSrc=https://via.placeholder.com/75 itemName=React />

और वे ठीक काम करते हैं।

मैं अपने पृष्ठ में छवि होने का निरीक्षण किया और छवि का पता खोलने की कोशिश की है ( http: // localhost: 3000 / संपत्ति / images / javascript.png ) क्रोम में, लेकिन कुछ भी पता चलता है ऊपर। जब मैं नेटवर्क टैब में देखो, यह कहता है कि छवि के लिए प्रतिक्रिया कोड 304 मैं खाली और देव उपकरणों से कैश अक्षम करने के बाद कड़ी मेहनत से पुन: लोड की कोशिश की है है। यह मैं एक 200 प्रतिक्रिया मिलती है, लेकिन छवि अभी भी दिखाई नहीं देता, मेरा पेज में या जब मैं एक नए टैब में छवि खोलने या तो। वास्तव में, जहां यहाँ से जाने के लिए निश्चित नहीं।

03/12/2019 को 00:00
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
2

इस तरह के पथ क्रम में मौजूद नहीं है, शायद आप अगले तरीकों में से एक प्रयास करना चाहिए:

// import
import ImgSrc from '../assets/images/javascript.png';
<TechListItem imgSrc={ImgSrc}/>

// or require
<TechListItem imgSrc={require('../assets/images/javascript.png')}/>
03/12/2019 को 00:05
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more