Actualmente estoy haciendo una tarea escolar. El objetivo es hacer una aplicación simple de publicación de redes sociales usando Django y JavaScript. JavaScript se utiliza para cargar dinámicamente publicaciones en la página web y reemplazar partes HTML. Estaba siguiendo una lección de YouTube https://youtu.be/f1R_bykXHGE para ayudarme. A pesar de que he seguido el tutorial uno por uno, recibo el siguiente error de tipo no detectado: no se pueden leer las propiedades de undefined (leyendo 'longitud') en XMLHttpRequest.xhr.onload ((índice): 63:28).

 const postsElement = document.getElementById("posts") // get an html element // postsElement.innerHTML = 'Loading...' // set new html in that element // var el1 = "<h1>Hi there 1</h1>" // var el2 = "<h1>Hi there 2</h1>" // var el3 = "<h1>Hi there 3</h1>" // postsElement.innerHTML = el1 + el2 + el3 const xhr = new XMLHttpRequest() const method = 'GET' // "POST" const url = "/posts" const responseType = "json" xhr.responseType = responseType xhr.open(method, url) xhr.onload = function() { const serverResponse = xhr.response const listedItems = serverResponse.response // array var finalPostStr = "" var i; for (i=0;i<listedItems.length;i++) { console.log(i) console.log(listedItems[i]) } } xhr.send() </script>