Nie czyta zdjęcia w reacie.

Question

Cześć, mam taki problem ,że nie wczytuje mi się zdjęcie na SPA.

import React from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import '../src/styles/App.css';
import Page from './layouts/Page'
import Nav from './layouts/Nav'
import Footer from './layouts/Footer'

function App() {
  return (
    <Router> 
<div className="app">
      <div className="logo">
        <img src="../images/logo.jpg" alt="logo" />
      </div> 

VS podpowiada ta ścieżkę i zdj pokazuję się jako niewczytane i wyświetla się alt. Robię pierwszy raz stronę  w SPA i wcześniej wszystko czytało normalnie. 

Comments

Czy konsola przeglądarki rzuca jakimś błędem? Pod jakim URL'em jest dostępna apka?

---

Konsola nie pokazuje błędu. Apka jest pod localhost:3000 jeśli o to chodzi.

---

A w zakladce network jest info że obrazek się poprawnie wczytal?

Answer 1

1. Możesz spróbować dodać required do zdjęcia.
 

<img src={require('../imagePath/image.png')} alt='' />

 

2. Możesz ścieżkę wrzucić do zmiennej. 

const yourImage= require('../../imgPath/image.png');

<img src={yourImage} alt='' />

 

 

 

Comments

Require pomogło dzięki wielkie. :)