Estoy tratando de mostrar un archivo de rebajas desde mi computadora a la ventana del navegador con buscar, pero la respuesta (texto) no está definida, ¿por qué sucede esto? Dejo un codepen con mi código.
https://codepen.io/matiasConchaSoto/pen/popvQgp
<main> <h1>Blog con Markdown y ShowDown</h1> </main> <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.0.3/showdown.min.js"></script> <script> const d = document, $main = d.querySelector("main"); fetch("./assetsPropios/javascript.md") .then(res => { console.log(res); res.ok ? res.text() : Promise.reject(res); }) .then(text => { console.log(text); $main.innerHTML = text; }) .catch(err => { console.log(err); let message = err.statusText || "Ocurrió un error"; $main.innerHTML = `Error ${err.status}: ${message}`; }); </script>Alguien me ayude por favor.
El primer .then() tiene un return faltante.
Probar:
return res.ok ? res.text() : Promise.reject(res);Aún mejor, algo como:
if(res.ok) { return res.text(); } else { throw new Error(res.statusText); // or some message of your own choice. }