Estoy tratando de agregar varios tweets a una página ya que está paginada. Sin embargo, parece que no puedo obtener widget.createTweet promete resolver para agregar su elemento a la página.
Aquí está la lógica de mi ejemplo Codepen reducido.
// increment current page number // create next set of tweets // append tweet elems to masonry container async function paginate() { let current = page; page = page + 3; var tweetIDs = source.slice(current, page); // create tweets/widget promises const tweetPromises = tweetIDs.map(async id => { // create grid element let gridEl = document.createElement("div"); // set masonry class gridEl.setAttribute("class", "grid__item"); // twitter widget.js - get promise const response = twttr.widgets.createTweet(id, gridEl, { theme: colorScheme, dnt: true }); return response; }); // Promise.all over loops let results = Promise.all(tweetPromises).then((m) => { console.log("then", m); // never happens }) .catch(e => { console.log("catch", e.reason); }); console.log(tweetIDs, tweetPromises, results, page); // need the resolved tweets first! // msnry.appended(newTweetElms); // msnry.addItems(newTweetElms); // msnry.layout(); }Esto no es un problema con el uso de promesas; Twitter simplemente no resolverá las promesas a menos que el elemento que pases a createWidget se agregue al DOM.
let gridEl = document.createElement("div"); document.querySelector("#twitter").appendChild(gridEl); Aparte de eso, su código se ve bien, aparte de su uso de then / catch en una función async . (Funciona, pero puede ser confuso, porque tiene dos estilos diferentes de comportamiento asíncrono). Esto, por ejemplo, hace que sea menos obvio que su console.log de diagnóstico final siempre mostrará una Promesa de results . Si tuviera que iniciar sesión en await results (y soltar su "nunca sucede" y then catch el registro), su console.log final. registro mostraría su matriz de elementos reales.