Playground: Captura el error de una petición

Clase 17 de 26 • Curso de Asincronismo con JavaScript

Gerson Estuardo Alvarado Hernández

student•

La idea de estas pruebas es muy buena, lo que debería de mejorar son las instrucciones y no usar cosas que no se han indicado en el curso como el

throw new Error('API Not Found');

Jesus Castillo

student•

exacto

Nicolas Molina

teacher•

Hola, ya pusimos esta instrucción como parte de la guía, muchas gracias por la retroalimentación vamos mejorando este formato paso a paso.

Cristian Soto Repol

student•

No se si aporte algo, pero el ejercicio trata de que dentro de la función runCode hagan el llamado a la api que no se encuentra y capturen el error. por defecto se ejecuta await runCode(), así que hagan todo dentro de este.

Recordar también que pueden utilizar fetch sin el import debido a que estamos en el browser y que los errores se pueden controlar con try/catch.

Nicolas Molina

teacher•

Que gran aporte y apoyo a tus compañeros!

Wladimir Rocha

student•

Excelente analisis, yo estuve a punto de lograrlo

Felipe Toro C

student•

No he podido solucionar estos retos, es increible como al ver la solucion de repente todo es tan fácil. Ni modo a seguir practicando y a leer más código. Si pueden recomendarme proyectos para practicar les voy a agradecer mucho.

David Muñoz Sáez

student•

Es un asunto de conceptos... de los conceptos que nos faltan...

Luis Ángel Arvelo Pérez

student•

Exercism aqui practico los conceptos que aprendo de Platzi.

David Carrillo Castillo

student•

... estos retos, no te dejan en claro lo que tienes que hacer

Diego Rivera

student•

Creo que el feature esta malo, ya llevo haciendo varias pruebas que estan correctas pero me dice que esta malo. y ni siquiera la solucion me la acepta ![](

Nicolas Molina

teacher•

Si tienes razón este ejercicios presentaba algunos problemas, pero ya esta solucionado!

Diego Rivera

student•

Okay, muchas gracias nico! No esperaba una respuesta tuya :D

Pedro Gonzalez

student•

Entendí la orden que tenía que ejecutar, pero aún no nos habían dado la herramienta para devolver el error. El ejercicio estuvo muy bueno estuve rato tratando de resolverlo con los console. Al final vi la solución porque no lo pude resolver, igual creo que es culpa mía tenía que haber googleado, ya nos enseñaron que también es parte de programar.

throw new Error('API Not Found');

Creo que fue una "Cascara de banana" 😂😂😂

Gilberto Espinoza Maciel

student•

Houston, we have a problem! . Podemos observar que los tests no pasan incluso con la solución dada por el Playground. Equipo Platzi, para que lo chequen

Stiven Andres Medina Lopez

student•

Mi solucion:

export async function runCode() {
  // Tu código aquí 👈
  const url = 'https://domain-api-com';
  try {
    const data = await fetch(url);
    const json = await data.json();
    return json;

  } catch (err) {
    throw new Error('API Not Found')
  }
}

Wladimir Rocha

student•

Como vamos no se como realizarlo

Esteban Maruri

student•

haces que runcode ejecute una promesa con un error y lo llamas desde una funcion async

David Alvarez

student•

Falto una mejor explicacion en la Guia del ejercicio. donde mencione que no sirve el console.log() sino un nuevo comando throw new Error()

Sebastián Andrés Sanhueza Tapia

student•

no entiendo por qué en el catch solo acepta

catch {
    throw new Error("API Not Found")
}

y no te recibe otras variantes como

catch {
    console.log('API No Found');
  }
//o algo así
catch (error) {
    console.error(error);
  }
//otra forma
catch (error) {
      console.error('API No Found');
    }

Eloy Bernardez

student•

¡Hola Sebastián!

Normalmente puedes ingresar esas variantes para el bloque catch pero en este caso debe fallarte los tests porque estos fueron configurados para recibir el objeto Error("API Not Found")

Cesar Perez

student•

Por aqui dejo mi respuesta

export async function runCode() {
  try {
    const ir = await fetch(url);
    console.log(ir);
  } catch (error) {
    console.error(error);
  }
  const url = 'https://domain-api-com';
}

Miguel Angel Hernandez Colombo

student•

no la pude hacer,!!! I`ll be bakc!!

Leonardo Moreno Faberón

student•

Por q no comparar con then y con async await


const url = 'https://domain-api-com'; 
function fetchData(url){
    return fetch(url)
}

fetchData(url).then( response =>{console.log(response)})
.catch( err => console.log(err.msg ) )




async function runCode() {
    // Tu código aquí 👈
    const url = 'https://domain-api-com';
    try{
        const ok = await fetch(url);
        console.log(ok);
    }catch(error){
        console.error(error.msg);
    }
      
  }
  
  runCode()

Brayan Medina

student•

les comparto mi Solución

export async function runCode() {
  // Tu código aquí 👈
  const url = 'https://domain-api-com';
  const response = await fetch(url);
  try {
    console.log(response.json())
  } catch {
    console.log('API No Found');
  }

}

Carlos López

student•

a alguien mas le pasa o mismo? se queda cargando y no me deja escribir Código

Aldo Jair Terrones Geminiano

student•

No creo que este bien la idea del problema, ya que es lo mismo si lo dejo asi:

export async function runCode() {
  // Tu código aquí 👈
  const url = 'https://domain-api-com';
  throw new Error('API Not Found');
}

creo que hubiera sido mejor usar la api fake para tener 2 resultados, uno que existe y otro que no

Yeison Xiques

student•

Mi solución:

export async function runCode() {
  try {
    return await fetch("https://domain-api-com")
  } catch {
    throw new Error('API Not Found');
  }
}

William Villegas

student•

Mi solución:

export async function runCode() {
  const url = 'https://domain-api-com';
  try {
    const response = await fetch(url);
    const data = await data.json();
    return data;

  } catch (error) {
    throw new Error('API Not Found');
  }
}

Javier Andrés Álvarez Falquez

student•

:, otra vez vengo con el problema del jest :, esta vez por exceder el limite de tiempo de la prueba :,

export async function runCode() {
  // Tu código aquí 👈
  const url = 'https://domain-api-com';
  try {
    const data = await fetch(url);
    const json = await data.json();
    return json;

  } catch (err) {
    throw new Error('API Not Found')
  }
}

const url = 'https://domain-api-com'; 
function fetchData(url){
    return fetch(url)
}

fetchData(url).then( response =>{console.log(response)})
.catch( err => console.log(err.msg ) )




async function runCode() {
    // Tu código aquí 👈
    const url = 'https://domain-api-com';
    try{
        const ok = await fetch(url);
        console.log(ok);
    }catch(error){
        console.error(error.msg);
    }
      
  }
  
  runCode()

export async function runCode() {
  // Tu código aquí 👈
  const url = 'https://domain-api-com';
  const response = await fetch(url);
  try {
    console.log(response.json())
  } catch {
    console.log('API No Found');
  }

}

export async function runCode() {
  const url = 'https://domain-api-com';
  try {
    const response = await fetch(url);
    const data = await data.json();
    return data;

  } catch (error) {
    throw new Error('API Not Found');
  }
}

Playground: Captura el error de una petición

Introducción

Lo que aprenderás en este curso

Qué es el asincronismo

Event Loop

Iniciando a programar con JavaScript

Callbacks

Configuración

Qué son los Callbacks

Playground: Ejecuta un callback con 2s de demora

XMLHTTPRequest

Fetch data

Callback hell

Promesas

Qué son las promesas

Playground: Crea una función de delay que soporte asincronismo

Fetch

Fetch POST

Async Await

Funciones asíncronas

Try and catch

Playground: Captura el error de una petición

¿Cómo enfrentar los errores?

Generadores

Generators

Proyecto CV

Proyecto del curso

Consumiendo API

Desplegando el proyecto

Playground: Crea una utilidad para hacer peticiones

Nunca pares de crear

Conclusión

¿Qué camino tomar para seguir aprendiendo?

Autoevaluación de Proyecto: Creación de Landing Page