Estoy tratando de aprender EJS y hacer un blog, pero parece que no puedo entender este error.
Lo que estoy tratando de hacer es intentar escribir alguna respuesta de base de datos como un objeto en una matriz y luego enviarla al archivo. estoy usando la base de datos replit
const fs = require("fs") const Database = require("@replit/database") const db = new Database() exports.load = async function(){ db.set("hello", { "author": "Some author 1", "title": "Blog Post 1", "content": "First post content", "date_posted": "Dec 17, 2021" }) var posts = new Array() db.list().then(keys => { keys.forEach(key => { posts.push(` <article class="media content-section"> <div class="media-body"> <div class="article-metadata"> <a class="mr-2" href="/p">Anonymous</a> <small class="text-muted">${db.get(key).date_posted}</small> </div> <h2><a class="article-title" href="#">${ db.get(key).title }</a></h2> <p class="article-content">${ db.get(key).content }</p> </div> </article` ) }) }); posts = posts.join() fs.writeFileSync("public/posts.ejs", posts) }Error que recibo cuando ejecuto el código:
UnhandledPromiseRejectionWarning: TypeError: posts.push is not a functionPrimero, declara var posts = new Array() . Así que posts son una matriz. Siguiente línea (en orden de ejecución): posts = posts.join() . Así que ahora las posts son una cadena vacía. Está cambiando el tipo de la variable, lo cual es una mala práctica (Typescript no le permitiría hacer eso). Ahora, la siguiente línea en el orden de ejecución: .then(keys => . Empiezas a insertar cosas en las posts , pero las posts ahora son una cadena, ¿recuerdas? Ya no es una matriz.
Utiliza la palabra clave async sin ningún motivo, ya que no await . También podrías aprovecharlo:
exports.load = async function(){ db.set("hello", { "author": "Some author 1", "title": "Blog Post 1", "content": "First post content", "date_posted": "Dec 17, 2021" }) let postsArray = new Array(); const keys = await db.list(); keys.forEach(key => { postsArray.push(`<article class="media content-section"> <div class="media-body"> <div class="article-metadata"> <a class="mr-2" href="/p">Anonymous</a> <small class="text-muted">${db.get(key).date_posted}</small> </div> <h2><a class="article-title" href="#">${ db.get(key).title }</a></h2> <p class="article-content">${ db.get(key).content }</p> </div> </article` ) }) const posts = postsArray.join() fs.writeFileSync("public/posts.ejs", posts) }O con .map() en una línea:
exports.load = async function(){ db.set("hello", { "author": "Some author 1", "title": "Blog Post 1", "content": "First post content", "date_posted": "Dec 17, 2021" }) const keys = await db.list(); const posts = keys.map( key => `<article class="media content-section">....</article`).join(); fs.writeFileSync("public/posts.ejs", posts) }