4

Tengo este error pero no se pór que me lo muestra estoy ejecuntado una aplicaciones node js asi que empecé con los setings y todo normal hasta este punto que me dice exphbs no es una función

const express = require('express');
const app = express();
const path = require('path');
const methodOverride = require('method-override');
const session = require('express-session');
let exphbs = require('express-handlebars');

//settings
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('.hbs', exphbs({
    defaultLayout: 'main',
    layoutsDir: path.join(app.get('views'), 'layouts'),
    partialsDir: path.join(app.get('views'), 'Partials'),
    extname: '.hbs'
}));
app.set('view engine', '.hbs');

y me da este error TypeError: exphbs is not a function Agradecería cualquier ayuda

3

6 respuestas 6

5

Estás importando el módulo de express-handlebars así:

let exphbs = require('express-handlebars');

Pero en la documentación se está usando así:

import express from 'express';
import { engine } from 'express-handlebars';

const app = express();

app.engine('handlebars', engine());

Es decir, la llamada require('express-handlebars'); devuelve un objeto que tiene un atributo llamado engine, que es la función que estás buscando. Es posible que esto sea un cambio reciente en el comportamiento, puesto que se está portando todo el módulo en Typescript. Si es así, es posible que tengas ejemplos/documentación desactualizados.

4

Debido a cambios no tan recientes en la libreria express-handlebars el default export cambió, y ya no es la funcion engine, por lo que con cambiar la linea de codigo de exphbs(... a algo como exphbs.engine(... soluciona el problema

Snippet con la solución actualizada a la fecha de hoy:

const express = require('express');
const app = express();
const path = require('path');
const methodOverride = require('method-override');
const session = require('express-session');
let exphbs = require('express-handlebars');

//settings
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('.hbs', exphbs.engine({
    defaultLayout: 'main',
    layoutsDir: path.join(app.get('views'), 'layouts'),
    partialsDir: path.join(app.get('views'), 'Partials'),
    extname: '.hbs'
}));
app.set('view engine', '.hbs');
0

Me estaba pasando y no anduvo nada de esto, pero encontré esta solución:

Cambiar el import de Handlebars

import { engine } from 'express-handlebars';

Luego el resto queda así:

app.set('views', path.join(__dirname, 'views'));
app.engine('.hbs', engine({
    defaultLayout: 'main',
    extname: '.hbs',
    layoutsDir: path.join(app.get('views'), 'layouts'),
    defaultLayout: 'main',
}));
app.set('view engine', '.hbs');
0

Actualizando una nueva solución encontré dos opciones para la versión de node.js v18.16.1:

Primer Metodo:

Para ello, basta con actualizar .enigne

Cámbialo de esto:

let exphbs = require('express-handlebars');

app.set('.hbs', exphbs.engine({
    defaultLayout: 'main',
    layoutsDir: path.join(app.get('views'), 'layouts'),
    partialsDir: path.join(app.get('views'), 'Partials'),
    extname: '.hbs'
}));
app.set('view engine', '.hbs');

A:

const { engine } = require('express-handlebars');

app.engine('handlebars', engine({
        defaultLayout: 'main',
        extname: '.hbs',
        layoutsDir: path.join(app.get('views'), 'layouts'),
        defaultLayout: 'main',
}));
app.set('view engine', '.hbs');

Buena Suerte para los nuevos que se han topado con este error.

0

Para la versión de node.js v18.18.2:

Cambiar el import así:

import { engine } from "express-handlebars";

y lo demás..

app.set('views', path.join(__dirname, 'views'));
app.engine('.hbs', engine({
    defaultLayout: 'main',
    extname: '.hbs',
    layoutsDir: path.join(app.get('views'), 'layouts'),
    defaultLayout: 'main',
}));
app.set('view engine', '.hbs');
app.set("view engine", ".hbs");

0

Algo curioso, a mi también me daba el mismo error y comencé a aplicar todas las recomendaciones de este foro y nada lo solucionaba, y al revisar el archivo main.hbs, solo lo adicional que puse fue el comentario que esta entre , al borrarlo se soluciono todo, me pueden explicar porque ocurrió eso?

..}} indica que se esta importando un nombre de un partials -->
{{>navigation}}  

<main class="container p-5">
    {{{body}}}
</main>
1
  • Si tienes una nueva pregunta, la puedes formular haciendo clic en el botón Formular una pregunta. Incluye un enlace a esta pregunta si ayuda a proporcionar contexto. - Desde revisión
    – padaleiana
    Commented el 27 may. a las 11:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.