javascript - .then() 子句未执行

Question

我是一名新的编程学生，现在我正在准备从 api (PokeAPI) 获得对请求的响应，但是当我提出请求时，.then 子句不会执行。你能帮帮我吗，谢谢。

'use strict'
let form = document.querySelector('#formulario')
form.addEventListener('submit', function(){
    let nombrePokemon = form.pokemon.value;
    let urlCompleta = 'https://pokeapi.co/api/v2/pokemon/' + nombrePokemon;
    //alert(urlCompleta);
    fetch(urlCompleta)
    .then(response => response.json())
    .then(data =>{
        let elemento = document.querySelector('#element')
        elemento.innerHTML = `
        <p>${data.name}</p>
        <p>${data.order}</p>
        <img src='${data.sprites.front_default}'/>
        `
        console.log(data);   
    })
}) 

标签： javascriptfetch

Answer 1

将 a 添加.catch((e)=> { console.log(e) });到您的最后一个then这将为您提供错误消息，帮助您诊断错误。