Как обработать ошибку при запросе api?

Question

[Иван]

не совсем понимаю, как я могу обработать ошибку в данном случае.
я делаю два запроса к апи и дальше передаю данный в функции. но я не понимаю, как мне прописать условие, что если апи не ответит или ещё какая-либо ошибка, то, допустим, вывести спан на странице с ошибкой.

читал про catch с async await, но у меня здесь иной синтаксис

export function error(city) {
    Promise.all([
        // eslint-disable-next-line no-undef
        fetch(
            `https://api.openweathermap.org/data/2.5/weather?q=${city}&appid=00c1c0e14919095681ab242a6510b2da&lang=ru&units=metric`
        ),
        // eslint-disable-next-line no-undef
        fetch(
            `https://api.openweathermap.org/data/2.5/forecast?q=${city}&appid=00c1c0e14919095681ab242a6510b2da&lang=ru&units=metric`
        )
    ])
        .then(resp => Promise.all(resp.map(r => r.json())))
        .then(([curTemp, curForecast]) => {
            renderCurrentForecast(curTemp); // рендеринг текущего прогноза
            renderNextThreeForecast(curForecast); // рендеринг прогноза следующих трёх дней
        });
}

Comments

[Александр Семенов]

.catch(function(e) {}) после последнего then

[Иван]

Александр Семенов, пробовал, вызывал в предпоследнем then throw 'ooops', но почему-то код всё равно отрабатывал себя нормально, то есть он выполнял код у catch, но и всё то, что в then он тоже выполнял. не понял ,как тогда проверить как работает обработка ошибки

[Александр Семенов]

Иван, ошибку, например, сгенерировать - урл заведомо неверный подать или город какой нибудь которого нет, или идентификатор приложения...