车把代码未渲染预期文件

Question

我正在尝试使用车把作为模板引擎创建一个小型网站。首先是我的目录的样子。

>Views
   >Layouts
      ...main.handlebars
   ...about.handlebars
   ...home.handlebars
handle.js
package.json

我的handle.js代码看起来像这样

const express = require('express');
const { engine } = require('express-handlebars');
const app = express()

app.engine('handlebars', engine());
app.set('view engine', 'handlebars');
app.set('views', './views');

app.get('/',(req,res)=>{
    res.render('home')
})
app.get('/about',(req,res)=>{
  res.render('about')
})

app.listen(3002,()=>{
    console.log('server is working')
})

所以我希望当我输入 localhost:/about 的详细信息时应该与我输入 localhost:/ 时显示的内容相同：/ 我希望显示有关 home 的详细信息。所以在我的 about.handlebars 中，当我运行它时它不起作用，我添加了一个关于页面。在 main.handlebars 中，我添加了一些 html，表示欢迎回家。在 home.handlebars 中我没有添加任何 html 代码。 我的问题是为什么是家庭渲染并显示 main.handlebars 中的 html，以及为什么我无法让“关于”页面正常工作。 我尝试删除布局文件夹及其相邻内容，但这只会带来错误。兄弟我做错了什么？

Answer 1

main.handlebars

文件是 home 和 about 页面的默认布局。 about.handlebars 和 home.handlebars 的内容将被插入到 main.handlebars 布局文件中