Using fetch API

I don't understand why the code gives me error when I remove the comment from the catch api.

const astrosUrl = "http://api.open-notify.org/astros.json"; const wikiUrl = "https://en.wikipedia.org/api/rest_v1/page/summary/"; const peopleList = document.getElementById("people"); const btn = document.querySelector("button");

function getProfiles(json) { const profiles = json.people.map(person => { return fetch(wikiUrl + person.name) .then(respose => respose.json()) }); return Promise.all(profiles); }

function generateHTML(data) { data.map(person => { const section = document.createElement("section"); peopleList.appendChild(section); section.innerHTML = <img src=${person.thumbnail.source}> <h2>${person.title}</h2> <p>${person.description}</p> <p>${person.extract}</p> ; }); }

btn.addEventListener("click", event => { event.target.textContent = 'Loading....';

fetch(astrosUrl)
    .then(response => response.json())
    .then(getProfiles)
    .then(generateHTML)
/*  .catch(err => {
        peopleList.innerHTML = '<h3>Something went wrong!</h3>';
    })*/
    .finally(() => event.target.remove())
;

});