TransWikia.com

Error: Can't resolve '/hero.jpg' in '/home/ivan/Documents/background/src'

Stack Overflow en español Asked by Ivandez on December 27, 2020

Quiero usar la propiedad background-image pero me aparece el siguiente error.

Error: Can't resolve '/hero.jpg' in '/home/ivan/Documents/background/src'

este es mi codigo:
App.css:

.App {
  text-align: center;
  background-image: url("/hero.jpg");
}

App.js:

import "./App.css";

function App() {
  return <div className="App">awdadw</div>;
}

export default App;

Este es mi arbol de directorios.

├── public
│   ├── favicon.ico
│   ├── hero.jpg
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   ├── robots.txt
│   ├── test1.jpg
│   └── test2.jpg
├── README.md
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    ├── reportWebVitals.js
    └── setupTests.js

One Answer

veo que lo que tienes malo es la dirección a la que estas apuntando, la imagen no la tienes sobre la misma rama src sino que esta dentro de un directorio llamado public

.App {
      text-align: center;
      background-image: url("./public/hero.jpg");
    }

Answered by Cristhian david Hoyos Trochez on December 27, 2020

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP