How to Solve The partial head could not be found Handlebars
<p>I run ExpressJS and installed Handlebars as a template engine. I'm using AdminLTE and split it up to 6 <code>hbs</code> files in <code>/views/layouts</code>. I put AdminLTE template in <code>public</code> folder. </p>

<pre><code>views/layouts
   -- base.hbs // as defaultLayout
   -- footer.hbs
   -- head.hbs
   -- js.hbs
   -- nav.hbs
   -- sidebar.hbs
</code></pre>

<p>I get the following error on node console everytime when i try to access localhost:3000</p>

<pre><code>Error: The partial head could not be found
</code></pre>

<p>Here is my <code>app.js</code> setup:</p>

<pre><code>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 &amp;&amp; typeof req.body == 'object' &amp;&amp; '_method' in req.body) {
    var method = req.body._method;
    delete req.body._method;
    return method;
  }
}));
[...]
</code></pre>

<p>And this is my <code>base.hbs</code> file:</p>

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

      &lt;div class="content-wrapper"&gt;
        {{{ body }}}
      &lt;/div&gt;

      {{&gt; footer}}
      &lt;div class="control-sidebar-bg"&gt;&lt;/div&gt;

      {{&gt; js}}

    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>