在获取错误pokeapi时无法获取响应对象

Question

我正在为一个项目进行实习。该项目将pokeapi用于数据（https://pokeapi.co/）。提取有效路径后，我可以成功获取响应对象及其数据。

但是，当我输入无效路径时，无法获得响应对象。

fetch("https://pokeapi.co/api/v2/pokemon/invalid/")
.then(response => console.log(response))
.catch(error => {
    console.log(error)
})

我希望响应对象处理类似404的错误。我在做什么错？我已经在chrome上运行了该代码段，但出现了cors错误，但在有效路径上未显示该错误。