如何解决找不到部分车头车把

Question

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

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

每次尝试访问 localhost:3000 时，我都会在节点控制台上收到以下错误

Error: The partial head could not be found

这是我的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;
  }
}));
[...]

这是我的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>

Answer 1

您需要在配置express-handlebars并将您的 partials 移动到该文件夹时注册到 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'),
    ]
}));

Answer 2

[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');

] 1

Answer 3

在 app.js/index.js 中使用

hbs.registerPartials(__dirname + '/views/layouts');

在模板 hbs 文件中使用正确的语法示例： {{> header}}

Answer 4

我通过在 HTML DOM 中提供 id 解决了这个问题。 这部分我在 html 中遗漏了。

<div class="modal-footer" id="btn-group"></div>

这是我的 js 部分

var templateBtnGroup = Handlebars.getTemplate("btn-group", "btn-group.html");
Handlebars.registerPartial("btn-group", templateBtnGroup());
var templateBtnGroupScript = Handlebars.compile($('#handlebars-btn-group').html());
$("#btn-group").append(templateBtnGroupScript());

Answer 5

请检查文件夹名称大小写。 “公共”文件夹可能存在，您指的是小写的“公共”将不会呈现 css/images/client side js

Answer 6

您应该为 partials 创建一个子文件夹，然后使用 partialsDir 指向该文件夹：

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

Answer 7

确保使用

extName到 viewEngine 中的extname object for partials

var options = {
    viewEngine: {
    extname: '.hbs',                      
    layoutsDir: 'views/layouts/',                      
    defaultLayout : 'template.hbs',                      
    partialsDir : 'views/partials/'                  
   },
   viewPath: 'views/emails/',
   extName: '.hbs'
};

=> views/layouts/template.hbs
=> views/emails/forgot-password.hbs
=> views/partials/header.hbs
                 /footer.hbs

在模板.hbs

<html>
<body>
    <div class="container">
        {{>header}}
        {{{body}}}
        {{>footer}}
    </div>
</body>
</html>

如何解决找不到部分车头车把

问题描述

7 个解决方案

解决方案1
9 2016-11-14 06:43:49

解决方案2
5 2019-02-01 08:10:15

解决方案3
3 2018-11-06 16:05:37

解决方案4
1 2018-05-24 07:21:32

解决方案5
0 2020-09-20 10:38:50

解决方案6
0 2020-10-17 17:49:48

解决方案7
0 2021-10-01 11:13:00

如何解决 找不到部分车头 车把

问题描述

7 个解决方案

解决方案1 9 2016-11-14 06:43:49

解决方案2 5 2019-02-01 08:10:15

解决方案3 3 2018-11-06 16:05:37

解决方案4 1 2018-05-24 07:21:32

解决方案5 0 2020-09-20 10:38:50

解决方案6 0 2020-10-17 17:49:48

解决方案7 0 2021-10-01 11:13:00

如何解决找不到部分车头车把

解决方案1
9 2016-11-14 06:43:49

解决方案2
5 2019-02-01 08:10:15

解决方案3
3 2018-11-06 16:05:37

解决方案4
1 2018-05-24 07:21:32

解决方案5
0 2020-09-20 10:38:50

解决方案6
0 2020-10-17 17:49:48

解决方案7
0 2021-10-01 11:13:00