快速路线无法在视图文件夹中获取文件

Question

I am fairly new to programming, and am struggling with trying to get the recipe.ejs file to show. I cannot seem to create a route from recipe.js properly to get the recipe.ejs file and render it. Any help would be greatly appreciated.

/routes/recipe.js

    var express = require('express');
var router = express.Router();

/*GET recipe page*/    
router.get('/', function(req, res, next) {
    res.render('recipe');
});

module.exports = router;

**app.js**

var createError = require('http-errors');    
var express = require('express');    
var path = require('path');    
var cookieParser = require('cookie-parser');    
var logger = require('morgan');

var indexRouter = require('./routes/index');    
var usersRouter = require('./routes/users');    
var recipeRouter = require('./routes/recipe');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');    
app.use(logger('dev'));    
app.use(express.json());    
app.use(express.urlencoded({ extended: false }));    
app.use(cookieParser());    
app.use(express.static(path.join(__dirname, 'public')));    
app.use('/', indexRouter);    
app.use('/users', usersRouter);    
app.use('/recipe', recipeRouter);

// catch 404 and forward to error handler    
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler    
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

Answer 1

Try with this proved snippet:

package.json
server.js 
views/hello.ejs

server.js

var express = require('express');
var app = express();
app.get("/", function(req, res) {
  res.render("hello.ejs");
});
app.listen(2708, function() {
  console.log("server is listening!!!");
});

hello.ejs

<h1>Hello EJS World </h1>

package.json

{
  "name": "first-express-app",
  "description": "an example of using Express",
  "private": true,
  "version": "0.0.1",
  "dependencies": {
    "ejs": "^3.1.3",
    "express": "4.17.1"
  },
  "scripts": {
    "start": "node server"
  },
  "main": "quote"
}

If it works, you could use to compare it with your complex implementation to find the error.