Esta muy bueno tu curso de verdad que si, tengo que seguir estudiando un montón, estoy haciendo el proyecto pero con todos los componentes standalone, pero tengo un error, en la interfaz estos metodos: async getByCategoria(id:number):Promise { const response = await fetch("./../../assets/data/database.json");... me da error la ruta del fetch. El ide me marca un gran error probé con otras rutas src/app/assets/data/database.json e igual me da el mismo error, sabrías que puede estar pasando? A pesar del error la aplicación compila, se muestra en el navegador y funciona perfectamente. PD Ni chatGPT me ha podido ayudar :S
Buenas! Cada vez que pongas una referencia a algún archivo intentá usar el autocompletado del editor de texto. De todas maneras en fetch no funciona el autocompletado pero estoy casi seguro que es un problema de la ruta. Exactamente donde tenés el archivo database.json, te recomiendo escribir un import arriba para el archivo json solo para usar el autocompletado y obtener la url correcta (y después lo borrás). Si estás en angular 18 la carpeta assets no debería estar más, ya que fue reemplazada por una carpeta "Public", por eso me resulta raro que todavía tengas la carpeta assets. Cualquier cosa escribime, saludos!
Hola que tal buen día. Siguiendo el curso muy a gusto. Que solucionado, encontré mi error, Gracias, por el curso, esta muy bueno ! 💯👍🏻 Tengo una pregunta, las imágenes no me habré mediante la url del archivo json. He modificado una como prueba con la imagen guardada en la carpeta img en formato jpg pero no me la muestra tampoco. He modificado el archivo json de la siguiente manera: [ { "id": 1, "nombre": "Pizzas", "fotoUrl": "./../../assets/img/Pizzas.jpg", "productos": [] }, Que me esta faltando para que muestre la imagen? repase el capitulo pero no encuentro la solución. Gracias de antemano. Saludos.
Lo que pasa es que la referencia relativa (con ./../) no te está funcionando bien. Hay 3 maneras de resolverlo: 1) Andá probando cuantos ./../../ necesitás, probablemente esta cantidad cambió. 2) Poné las imágenes en src/assets/img/productos y después poné en las referencias "/assets/img/tuFoto.png". 3) Usá fotos de internet y poné la dirección de la imagen tipo "etc..."
Excelentee! Re bien las tarjetas como quedaron, gracias!
Graciasssss
Cada vez va tomando mejor forma, va quedando la app
😊😊
Esta muy bueno tu curso de verdad que si, tengo que seguir estudiando un montón, estoy haciendo el proyecto pero con todos los componentes standalone, pero tengo un error, en la interfaz estos metodos: async getByCategoria(id:number):Promise {
const response = await fetch("./../../assets/data/database.json");... me da error la ruta del fetch.
El ide me marca un gran error probé con otras rutas src/app/assets/data/database.json e igual me da el mismo error, sabrías que puede estar pasando?
A pesar del error la aplicación compila, se muestra en el navegador y funciona perfectamente.
PD Ni chatGPT me ha podido ayudar :S
Buenas!
Cada vez que pongas una referencia a algún archivo intentá usar el autocompletado del editor de texto. De todas maneras en fetch no funciona el autocompletado pero estoy casi seguro que es un problema de la ruta. Exactamente donde tenés el archivo database.json, te recomiendo escribir un import arriba para el archivo json solo para usar el autocompletado y obtener la url correcta (y después lo borrás).
Si estás en angular 18 la carpeta assets no debería estar más, ya que fue reemplazada por una carpeta "Public", por eso me resulta raro que todavía tengas la carpeta assets.
Cualquier cosa escribime, saludos!
Hola que tal buen día. Siguiendo el curso muy a gusto.
Que solucionado, encontré mi error, Gracias, por el curso, esta muy bueno ! 💯👍🏻
Tengo una pregunta, las imágenes no me habré mediante la url del archivo json. He modificado una como prueba con la imagen guardada en la carpeta img en formato jpg pero no me la muestra tampoco. He modificado el archivo json de la siguiente manera:
[
{
"id": 1,
"nombre": "Pizzas",
"fotoUrl": "./../../assets/img/Pizzas.jpg",
"productos": []
},
Que me esta faltando para que muestre la imagen? repase el capitulo pero no encuentro la solución. Gracias de antemano. Saludos.
Lo que pasa es que la referencia relativa (con ./../) no te está funcionando bien.
Hay 3 maneras de resolverlo:
1) Andá probando cuantos ./../../ necesitás, probablemente esta cantidad cambió.
2) Poné las imágenes en src/assets/img/productos y después poné en las referencias "/assets/img/tuFoto.png".
3) Usá fotos de internet y poné la dirección de la imagen tipo "etc..."
@@puntojson Muchas gracias, solucionado!. Un cordial saludo 👍🏻
Perfecto!
Que molesto el microfono.
Mil disculpas! Se que fue un error grave.