title: failed lookup view with express server and gulp
body: <p>I'm having a problem connecting an express server with a gulp serve/r task. In order to send my views to the DOM, I need express to do that. I'd like my server to run as a gulp task. The server runs, however when I try to access my local url it runs an error in browser:</p>
  
  <pre><code>Error: Failed to lookup view "index" in views directory "C:\Users\User Name\Documents\project\src\scripts"
  </code></pre>
  
  <p>My app.js</p>
  
  <pre><code>var http = require('http');
  var express = require('express');
  var exphbs  = require('express-handlebars');
  var path = require('path');
  
  var hbs = exphbs.create({ /* config */ });
  var app = express();
  
  //environment variable
  var port = process.env.PORT || 8000;
  
  // static files + template engine
  app.engine('handlebars', hbs.engine);
  app.set('view engine', 'handlebars');
  app.set('views', path.join(__dirname, '../scripts'));
  
  app.use('/public', express.static(__dirname + '/public'));
  
  //http request method get json list
  app.get('/', function(req, res) {
      res.render('index');
  });
  
  app.listen(port); 
  </code></pre>
  
  <p>My file structure looks like this:</p>
  
  <pre><code>project
  |-- src
  |     |-- css
  |     |-- scripts
  |          |-- app.js
  |     |-- index.html
  </code></pre>
  
  <p>What am I missing?</p>