midudev / curso-gratuito-svelte Goto Github PK

El problema es que ok es un atributo, no una función. Si se muestra el error en el template de Svelte indica de dónde viene el fallo.

{:catch error}
    <strong>❌ {error.message}</strong>
{/await}

res.ok is not a function

El problema es que sustituyendo res.ok() por res.ok tampoco se soluciona, porque hay usar throw para lanzar el error. Si simplemente devolvemos el error, lo caza el siguiente then, y el error que muestra es res.json is not a function

Como no podemos usar throw en una closure de una sola línea, al final me ha quedado así:

response = fetch(`https://www.omdbapi.com/?s=${value}&apikey=api_key`)
            .then(res => {
                if (!res.ok) {
                    throw new Error("Something bad happened with the fetching of movies")
                }
                else {
                    return res;
                }
            })
            .then(res => res.json())
            .then(apiResponse => apiResponse.Search || []);