Perchè il relativo lavoro percorso dell'immagine nella mia non reagirà app?

voti
1

La

Ho un app Reagire in cui passo davanti a un URL dell'immagine relativa in un componente come un oggetto di scena ...

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

E l'elica viene immessa l'attributo 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>
);
}

Ho provato le altre istanze dello stesso componente con percorsi assoluti provenienti da altre fonti ...

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

E funzionano bene.

Ho ispezionato l'immagine aspiranti nella mia pagina e cercato di aprire l'indirizzo dell'immagine ( http: // localhost: 3000 / assets / images / javascript.png ) in Chrome, ma niente rivela. Quando guardo nella scheda di rete, lo dice il codice di risposta per l'immagine è 304. Ho provato svuotamento e hard-ricaricare dopo aver disabilitato la cache da strumenti di sviluppo. Questo mi ottiene una risposta 200, ma il fermo immagine non compare, sia nella mia pagina o quando apro l'immagine in una nuova scheda. Davvero non sicuro di dove andare da qui.

È pubblicato 03/12/2019 alle 00:00
fonte dall'utente
In altre lingue...                            


1 risposte

voti
2

Tale percorso non esiste in fase di esecuzione, forse si dovrebbe provare uno dei prossimi approcci:

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

// or require
<TechListItem imgSrc={require('../assets/images/javascript.png')}/>
Risposto il 03/12/2019 a 00:05
fonte dall'utente

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