Tengo una aplicación node.js. Cuando la página web se representa por primera vez, todo funciona como se esperaba, pero al inspeccionar la aplicación falla y req.params.slug se muestra como requestProvider.js.map.
router.get('/:slug', async (req, res) => { const article = await Article.findOne({ slug: req.params.slug }) if (article == null){ res.render('/') } res.render('articles/show', { article: article }) })Editar con Console.Registrar mensajes
router.get('/:slug', async (req, res) => { console.log("slug") console.log(req.params) const article = await Article.findOne({ slug: req.params.slug }) console.log("article") console.log(article) if (article == null){ res.render('/') } console.log("article") console.log(article) console.log("title") console.log(article.title) res.render('articles/show', { article: article }) })Los mensajes de la consola son
slug { slug: 'requestProvider.js.map' } artículo nulo artículo nulo título C:\Users\samue\OneDrive\Desktop\shortcuts and unused\Unused 2\Blog\public\routes\articles.js:32 console.log( artículo.título) ^
TypeError: no se pueden leer las propiedades de nulo (leyendo 'título') en C:\Users\samue\OneDrive\Desktop\shortcuts y unused\Unused 2\Blog\public\routes\articles.js:32:23 en processTicksAndRejections (nodo: internal/process/task_queues:96:5) La aplicación [nodemon] se bloqueó: esperando cambios en el archivo antes de comenzar...
El problema al que te enfrentas es que tu verificación nula para el artículo en realidad no finaliza el proceso de la función, por lo que más adelante, cuando llamas a article.title, arroja undefined. Puede solucionar esto agregando return delante de la respuesta.
if (article == null) return res.render('/')o usando el encadenamiento opcional
console.log(article?.title)en general, debería probar un refactor del punto final, sugeriría:
router.get('/:slug', async (req, res) => { const { slug } = req.params // destructure slug from params if (!slug) return res.render('/') // check if provided try { const article = await Article.findOne({ slug }) return res.render('articles/show', { article }) } catch(err) { res.status(400) // or some other error repsonse return res.render('your error page') } })nota: Esto no está probado