Creé una matriz de objetos usando in y quiero importar una imagen almacenada en la carpeta de mi computadora portátil a mi proyecto. Este es un proyecto next.js en el que estoy trabajando. ¿Cómo importo correctamente una imagen en la carpeta de mi computadora portátil en next.js? La imagen está en la carpeta src, no en mi carpeta pública. Gracias por tu tiempo
const data = { products: [ { _id: '1', name: 'Nike Slim Shirt', category: 'Shirts', image: '/../img/shoes/men/luis/2', price: 120, brand: 'Nike', rating: 4.5, size: 10, description: 'high quality product', }, { _id: '2', name: 'Adidas Fit Shirt', category: 'Shirts', image: '/../img/shoes/men/luis/2', price: 100, brand: 'Adidas', rating: 4.0, size: 10, description: 'high quality product', }, { _id: '3', name: 'Lacoste Free Shirt', category: 'Shirts', image: '/../img/shoes/men/luis/2', price: 220, brand: 'Lacoste', rating: 4.8, size: 17, description: 'high quality product', }, { _id: '4', name: 'Nike Slim Pant', category: 'Pants', image: '/../img/shoes/men/luis/2', price: 78, brand: 'Nike', rating: 4.5, size: 14, description: 'high quality product', }, { _id: '5', name: 'Puma Slim Pant', category: 'Pants', image: '/../img/shoes/men/luis/2', price: 65, brand: 'Puma', rating: 4.5, size: 10, description: 'high quality product', }, { _id: '6', name: 'Adidas Fit Pant', category: 'Pants', image: '/../img/shoes/men/luis/2', price: 139, brand: 'Adidas', rating: 4.5, size: 15, description: 'high quality product', }, ], }; export default data;Un par de cosas a anotar:
/public en la raíz de su aplicación.Ejemplo de código modificado:
import LuisImg from '/public/shoes/men/luis/2' const data = { products: [ { _id: '1', name: 'Nike Slim Shirt', category: 'Shirts', image: LuisImg, price: 120, brand: 'Nike', rating: 4.5, size: 10, description: 'high quality product', }, { _id: '2', name: 'Adidas Fit Shirt', category: 'Shirts', image: LuisImg, price: 100, brand: 'Adidas', rating: 4.0, size: 10, description: 'high quality product', }, { _id: '3', name: 'Lacoste Free Shirt', category: 'Shirts', image: LuisImg, price: 220, brand: 'Lacoste', rating: 4.8, size: 17, description: 'high quality product', }, { _id: '4', name: 'Nike Slim Pant', category: 'Pants', image: LuisImg, price: 78, brand: 'Nike', rating: 4.5, size: 14, description: 'high quality product', }, { _id: '5', name: 'Puma Slim Pant', category: 'Pants', image: LuisImg, price: 65, brand: 'Puma', rating: 4.5, size: 10, description: 'high quality product', }, { _id: '6', name: 'Adidas Fit Pant', category: 'Pants', image: LuisImg, price: 139, brand: 'Adidas', rating: 4.5, size: 15, description: 'high quality product', }, ], }; export default data;