0

Estoy realizando un curso de un projecto con Handlebars del cual he seguido todo al pie de la letra pero al momento de configurar el Handlebars me lanza un error que no lo comprendo y ya he intentado de todo y no se que es.}

Error

app.engine(".hbs", (0, _expressHandlebars["default"])({

TypeError: (0 , _expressHandlebars.default) is not a function
    at Object.<anonymous> (D:\Sitio uno\MongoDB-Intermediate\src\/app.js:18:3)
    at Module._compile (internal/modules/cjs/loader.js:1072:14)
    at Module._compile (D:\Sitio uno\MongoDB-Intermediate\node_modules\pirates\lib\index.js:99:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
    at Object.newLoader [as .js] (D:\Sitio uno\MongoDB-Intermediate\node_modules\pirates\lib\index.js:104:7)
    at Module.load (internal/modules/cjs/loader.js:937:32)
    at Function.Module._load (internal/modules/cjs/loader.js:778:12)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (D:\Sitio uno\MongoDB-Intermediate\src\/index.js:1:1)

Configuración de Handlebars

import express from "express";
import exphbs from "express-handlebars";
import path from "path";

//Ubicacion de la carpeta views
app.set("views", path.join(__dirname, "views"));

console.log(app.get('views'))

//Motor de plantilla
app.engine(
  ".hbs",
  exphbs({
    layoutsDir: path.join(app.get("views"), "layouts"),
    defaulLayout: "main",
    extname: ".hbs",
  })
);

app.set("view engine", ".hbs");

Package.json

"dependencies": {
"express": "^4.17.1",
"express-handlebars": "^6.0.1",
"mongoose": "^6.0.13",
"morgan": "^1.10.0"

}

5

4 respuestas 4

1

me eh topado con el mismo problema...checando mi código observe esto check del problema

y el directorio de mi proyecto esta de esta forma

Directorio del proyecto

en conclusión encontré que no se podía encontrar el archivo ya que la ruta al archivo estaba mal, ruta mal: 'C:\Users\b_e_t\Desktop*MyNotes\views\layouts\main.hbs*' ruta correcta: 'C:\Users\b_e_t\Desktop*MyNotes\src\views\layouts\main.hbs*' lo solucione configurando de esta manera:

const hbs = create({
    extname: '.hbs',
    layoutsDir: path.join("src/views", "layouts"),
    defaultLayout:'main'
});
1

Un resultado. que he encontrado.

import express from "express";
import {create} from "express-handlebars";

import indexRoutes from "./routes/index.routes";
import path from "path";

const app = express();

app.set("views", path.join(__dirname, "views"));

const exphbs = create({
  extname: '.hbs',
  layoutsDir: path.join(app.get("views"), "layouts"),
  partialsDir: path.join(app.get("views"), "partials"),
  defaultLayout:'main'
});

app.engine(".hbs", exphbs.engine);
app.set("view engine", ".hbs");

app.use(indexRoutes);

export default app;
0
import express from "express";
import { create } from "express-handlebars";
import indexRoutes from "./routes/index.routes";
import path from "path";

const app = express();

app.set("views", path.join(__dirname, "views"));

//Motor de plantillla engine

const exphbs = create({
  extname: '.hbs',
  layoutsDir: path.join(app.get("views"), "layouts"),
  defaultLayout:'main'
});

app.engine(".hbs", exphbs.engine);
app.set("view engine", ".hbs");

// Routes
app.use(indexRoutes);

export default app;
2
  • ¡Bienvenido a SO en español! Gracias por tu aporte, pero deberias leerte el apartado de la ayuda que explica Cómo responder para aprender a realizar buenas respuestas. En tu caso has puesto solo código sin ninguna explicación de los cambios que has realizado ni el porque de los mismos, lo cual ayudaria a entender a los demás el porque tu solución es válida para esta pregunta. Gracias. Tambien es aconsejable que realices el recorrido de bienvenida para aprender el funcionamiento del sitio y ganes tu primera medalla. Puedes editar tu respuesta y agregar lo que falta.
    – masterguru
    el 9 mar. 2022 a las 7:26
  • Tal y como está redactada, tu respuesta no es clara. Por favor, pulsa en editar para añadir detalles adicionales que ayuden a los demás a entender cómo esto responde a la pregunta formulada. Puedes encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda.
    – Comunidad Bot
    el 9 mar. 2022 a las 11:25
0

Mi problema fue que la documentación de handelbars cambio. Me sirvió sustituir el código por:

    import path from "path";
    import express from "express";
    import indexRoutes from "./routes/index";
    import { create } from "express-handlebars";
    
    const app = express();
    
    // settings
    app.set("port", process.env.PORT || 3000);
    app.set("views", path.join(__dirname, "views"));
    app.engine(
      ".hbs",
      create({
        layoutsDir: path.join(app.get("views"), "layouts"),
        partialsDir: path.join(app.get("views"), "partials"),
        defaulLayout: "main",
        extname: ".hbs",
      }).engine
    );
    app.set("view engine", ".hbs");
    
    app.use(indexRoutes);
    
    export default app;
1
  • 1
    Marca tu respuesta como la mejor respuesta para que si alguien se encuentra con tu problema sepa resolverlo
    – chikebox
    el 30 jun. 2022 a las 9:15

Tu Respuesta

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

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