node.js - Express/Node.js 错误 : Reference Error: Res is not defined

Question

我现在正在尝试为我的小组的应用程序创建一个基本的 CRUD 应用程序，但我在使用基本线路时遇到了一些问题。为了构建我的 CRUD 应用程序，我目前正在使用 Node.js、express 和 mongodb。我的部分代码遇到了一些问题，我想知道您是否可以指出我正确的方向。

(这是一个很长的问题。我尽力对其进行格式化，以免在阅读时灼伤您的眼睛......如果难以阅读，请抱歉)

上下文: 作为引用，我正在使用这个:

https://zellwk.com/blog/crud-express-mongodb/, currently on "Showing quotes to users" 

我的问题:每次初始化 res.render(view, locals) 我的 Node 服务器都会崩溃。这是我收到的错误。

res.render(view, locals)
    ReferenceError: res is not defined
        at Object.<anonymous> (C:\Users\hcqph\xx\xcxx\server.js:35:1)
        at Module._compile (module.js:570:32)
        at Object.Module._extensions..js (module.js:579:10)
        at Module.load (module.js:487:32)
        at tryModuleLoad (module.js:446:12)
        at Function.Module._load (module.js:438:3)
        at Module.runMain (module.js:604:10)
        at run (bootstrap_node.js:393:7)
        at startup (bootstrap_node.js:150:9)
        at bootstrap_node.js:508:3

我的代码: 到目前为止，这就是我对 server.js 的了解。现在，每当我尝试导入我的 index.ejs 文件以及每当我尝试导入以下行时，我都会收到错误:

res.render(views, locals)

这是我的 server.js 代码

    const express = require('express');
    const bodyParser = require('body-parser')
    const app = express();
    const MongoClient = require('mongodb').MongoClient

  var db

    MongoClient.connect('mongodb://omittedforprivacy', (err, database) => {
        if (err) return console.log(err)
        db = database

        app.listen(3000, () => {
            console.log('connected to mongoDB successfully. now listening on port 3000 ')
        })

    })

    /* -------- for team documentation --------
    BODYPARSER makes it possible to handle reading data from form element in index.html.  URLENCODED method within body-parser tells body-parser to extract data from form element and add them to the body element property in request object.
    ------------------------------------------------ */ 
    app.use(bodyParser.urlencoded({extended: true}))

    //set 'ejs' template engine, and default extension is ejs
    app.set('view engine', 'ejs')

    //CAN'T FIGURE OUT WHY THIS ISN'T WORKING
    res.render(views, locals)

    /* -------- for team documentation --------
    => = replacement for function

    app.get hand a GET request (read operation)
    ------------------------------------------------ */
    app.get('/', (req, res) => {
        //serves index.html back to browser
        res.sendFile(__dirname + '/index.html')

        //gets list of trips from mlab.com
        var cursor = db.collection('trips').find()

        //retrieves list of trips retrieved from mlab
        db.collection('trips').find().toArray(function(err, results) {
            if(err) return console.log(err)

            //renders index.ejs
            res.render('index.ejs', {trips:results})
        })
    })



    /* app.post handles a create request */
    app.post('/trips', (req, res) => {
        db.collection('trips').save(req.body, (err, result) =>{
            if (err) return console.log(err)

            console.log('saved to database')
            res.redirect('/') //causes browser to reload
        })
    })

如果你们能够提供任何帮助来帮助我解决问题，我将非常感激。过去几个小时我一直坚持这个问题。我以为 res 已经被express定义了？为什么我被告知要再次定义 res？

================================================== ================================ 编辑:

现在我收到以下错误:错误:发送后无法设置 header 。这就是我现在所拥有的:

//getting this to render? 
app.get('views/', (req, res, views, local) =>{ res.render(views,local) })

<小时/>

最近编辑: 感谢其他人的意见和建议，我意识到我需要更改位置并实际上显式定义 res.render。

我现在陷入以下调试错误:

Error: Can't set headers after they are sent.
    at ServerResponse.OutgoingMessage.setHeader (_http_outgoing.js:357:11)

我已将代码更改如下:

app.get('/', (req, res) => {
    //serves index.html back to browser
    res.sendFile(__dirname + '/index.html')

    //gets list of trips from mlab.com
    var cursor = db.collection('trips').find()

    //retrieves list of trips retrieved from mlab
    db.collection('trips').find().toArray(function(err, results) {
        if(err) return console.log(err)

        //renders index.ejs
        res.render('index.ejs', {trips:results})
    })
})

//set 'ejs' template engine, and default extension is ejs
app.set('view engine', 'ejs')

//getting this to render? 
app.get('views/', (req, res) =>{
    res.render(views,local)
})


/* app.post handles a create request */
app.post('/trips', (req, res) => {
    db.collection('trips').save(req.body, (err, result) =>{
        if (err) return console.log(err)

        console.log('saved to database')
        res.redirect('/') //causes browser to reload
    })
})

我哪里出错了？

================================================== ======================= 编辑2:我能够克服一个调试错误并进入下一个。我完全删除了 res.render 并通过重新排列一些代码解决了我的标题问题。这是我最近的:

/* -------- for team documentation --------
BODYPARSER makes it possible to handle reading data from form element in index.html.  URLENCODED method within body-parser tells body-parser to extract data from form element and add them to the body element property in request object.
------------------------------------------------ */ 
app.use(bodyParser.urlencoded({extended: true}))

//set 'ejs' template engine, and default extension is ejs
app.set('view engine', 'ejs')

/* -------- for team documentation --------
=> = replacement for function

app.get hand a GET request (read operation)
------------------------------------------------ */
app.get('/', (req, res) => {
    //serves index.html back to browser
    res.sendFile(__dirname + '/index.html')

    //gets list of trips from mlab.com
    var cursor = db.collection('trips').find()

    //retrieves list of trips retrieved from mlab
    db.collection('trips').find().toArray(function(err, results) {
        if(err) return console.log(err)

        //renders index.ejs
        res.render('views/index.ejs', {trips:results})
    })
})



/* app.post handles a create request */
app.post('/trips', (req, res) => {
    db.collection('trips').save(req.body, (err, result) =>{
        if (err) return console.log(err)

        console.log('saved to database')
        res.redirect('/') //causes browser to reload
    })
})

现在我正在努力解决以下问题:

Error: Failed to lookup view "views/index.ejs" in views direct                      ory "C:\Users\hcqph\gitprojects\crudbeta\views"

Answer 1

1. 您可以在根级别调用 app.render，而只能在路由/中间件内部调用 res.render。
2. app.render 始终在回调函数中返回 html，而 res.render 仅当您将回调函数指定为第三个参数时才会返回。如果您在没有第三个参数/回调函数的情况下调用 res.render，则渲染的 html 将发送到客户端，状态代码为 200。

看一下以下示例。

app.render

app.render('index', {title: 'res vs app render'}, function(err, html) {
    console.log(html)
});

res.render 不带第三个参数

app.get('/render', function(req, res) {
    res.render('index', {title: 'res vs app render'})
})

res.render 带有第三个参数

app.get('/render', function(req, res) {
    res.render('index', {title: 'res vs app render'}, function(err, html) {
        console.log(html);
        res.send('done');
    })
})

res.render 在内部使用 app.render 来渲染模板文件。

can't set headers 意味着您无法进入正文。

res.render() 函数编译您的模板(请不要使用 ejs)，在其中插入本地变量，并根据这两个内容创建 html 输出。

//这里设置所有模板都位于/views目录

app.set('views', __dirname + '/views');

// here you set that you're using `ejs` template engine, and the
// default extension is `ejs`
app.set('view engine', 'ejs');

// here you render `local` template
response.render("local", {local: local_json});

因此，模板路径为 views/ (第一部分)+ local (第二部分)+ .ejs (第三部分)= == views/local.ejs