如何解决无法找到部分头部的把手

Question

如何解决无法找到部分头部的把手

met*_*hor 2 javascript node.js express handlebars.js

我运行ExpressJS并安装了Handlebars作为模板引擎.我正在使用AdminLTE并将其分成6个hbs文件/views/layouts.我把AdminLTE模板放在public文件夹中.

views/layouts
   -- base.hbs // as defaultLayout
   -- footer.hbs
   -- head.hbs
   -- js.hbs
   -- nav.hbs
   -- sidebar.hbs

Run Code Online (Sandbox Code Playgroud)

每当我尝试访问localhost:3000时,我在节点控制台上收到以下错误

Error: The partial head could not be found

Run Code Online (Sandbox Code Playgroud)

这是我的app.js设置:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var flash = require('express-flash');
var session = require('express-session');
var mongoose = require('mongoose');
var validator = require('express-validator');
var override = require('method-override');
var hbs = require('express-handlebars');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.engine('hbs', hbs({extname: 'hbs', defaultLayout: 'base', layoutDir: __dirname + '/views/layouts'}));
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
  extended: false
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(session({secret: "1234"}));
app.use(flash());
app.use(validator());
app.use(override(function(req, res) {
  if (req.body && typeof req.body == 'object' && '_method' in req.body) {
    var method = req.body._method;
    delete req.body._method;
    return method;
  }
}));
[...]

Run Code Online (Sandbox Code Playgroud)

这是我的base.hbs档案:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    {{> head}}
  </head>
  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
      {{> nav}}
      {{> sidebar}}

      <div class="content-wrapper">
        {{{ body }}}
      </div>

      {{> footer}}
      <div class="control-sidebar-bg"></div>

      {{> js}}

    </div>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Swa*_*iri 5

在配置express-handlebars和将部分移动到该文件夹时,您需要注册partials目录的路径.

app.engine('hbs', hbs({
    extname: 'hbs', 
    defaultLayout: 'base', 
    layoutsDir: path.join(__dirname, 'views/layouts'),
    partialsDir  : [
        //  path to your partials
        path.join(__dirname, 'views/partials'),
    ]
}));

Run Code Online (Sandbox Code Playgroud)

Answer 2

名侦探*_*探柯楠 5

[const hbs = require('hbs');

//this required before view engine setup
hbs.registerPartials(__dirname + '/views/partials');

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

Run Code Online (Sandbox Code Playgroud)

] 1

归档时间：	9 年，1 月前
查看次数：	9847 次
最近记录：	6 年，10 月前