Si trato de cargar imágenes/carpetas con espacios, aparece este error.
message: "ENOENT: no such file or directory, stat 'C:\\Users\\John\\ReactProjects\\my-site\\frontend\\build\\index.html'"Aunque funciona si elimino espacios, pero no estoy satisfecho con esta solución.
Mi jerarquía de proyectos
Edición 1:
products: [ { name: "Gotham", category: "NY", image: "/images/Homepage and Store/Gotham.jpg", countInStock: 5, }, ... ] {products.map((product, index) => ( <img className="absolute object-contain w-full h-full" src={product.image} alt={product.name} /> )}servidor.js
const app = express(); app.use(express.static(path.join(__dirname, "..", "build"))); app.use(express.static("public"));No es necesario poner %20 en la URL de la imagen en el código. Puede colocar libremente espacios allí y el navegador mientras solicita el recurso los reemplazará con %20 .
URL en el código:
"images/Homepage and Store/Gotham.jpg"Solicitud del navegador:
images/Homepage%20and%20Store/Gotham.jpg