javascript - 部分网页未呈现在动态网页上

我为index.html文件创建了一个车把，因此当用户访问http://localhost:3000/ [root]时，它将显示index.html的动态版本。但是，当页面加载时，除了我包括的部分内容之外，其他所有内容都加载了吗？

这是页面把手的一部分，我放置了局部部分（newView.handlebar）：

.
.
<main class="twit-container">

    {{#each twitData}}    //will iterate/insert data for the amount of objects in the array being passed in server.js
        {{> newTwit}}  //the name of my partial template
    {{/each}}

</main>
.
.etc...

下面是我的server.js代码（我认为可能是问题所在）：

var path = require('path');
var express = require('express');
var exphbs = require('express-handlebars');
var fs = require('fs');
var app = express();

app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');

var port = process.env.PORT || 3000;

var rawData = fs.readFileSync('./twitData.json');
var twitData = JSON.parse(rawData); //get the tweet data (text/authors)


app.get('/', function (req, res) {

  res.status(200).render('newView', {data: twitData});

});

app.use(express.static('public'));

app.get('*', function (req, res) {
  res.status(404).sendFile(path.join(__dirname, 'public', '404.html'));
});

app.listen(port, function () {
  console.log("== Server is listening on port", port);
});

最佳答案

您正在遍历twitData，但从未将其发送到视图。

<main class="twit-container">

    {{#each twitData}}    //will iterate/insert data for the amount of objects in the array being passed in server.js
        {{> newTwit}}  //the name of my partial template
    {{/each}}

</main>

您需要这样发送：

res.status(200).render('newView', { twitData });

否则，您将需要使用：{{#each data}}。

关于javascript - 部分网页未呈现在动态网页上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50521185/