javascript - 错误: Failed to lookup view "home.hbs" in views directory

Question

我正在实现一个具有三层架构的网络应用程序。现在我正在尝试渲染 views 文件夹中的文件。这是我的文件夹结构和代码:

但是当我运行这个时，我收到以下错误:

Error: Failed to lookup view "home.hbs" in views directory "/web-app/pl/views"

对于如何进行这项工作有什么建议吗？

Answer 1

💡 Your bug is in this code app.set('views', path.join("/web-app/pl", "views")); make sure to remove / in your /web-app. So its will looks like this app.set('views', path.join("web-app/pl", "views"));

👨‍🏫 确保在根应用程序中创建一个文件夹:web-app/pl/views 并将您的home.hbs 放入您的 View 中 文件夹。

所以你的文件夹将如下所示:👇

- public
- node-modules
- src > server.js
- web-app > pl > views > home.hbs // if set in render { layout: false }
- web-app > pl > views > layouts > main.hbs // default layout

👨‍🏫举个例子，您的应用将类似于下面的代码:👇

const express = require('express');
const expressHandlebars = require('express-handlebars');
const path = require('path');

const app = express();

app.set('views', path.join("web-app/pl", "views"));
app.engine("hbs", expressHandlebars({
  defaultLayout: "main.hbs"
}))

app.set('view engine', 'hbs');

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

app.get('/', function (req, res) {
  res.render('home', {
    layout: false
  })
});

app.listen(3000, () => {
  console.log('Server is up');
})

举个例子，你可以在我的codesandbox中看到: https://codesandbox.io/s/strange-darkness-73opp

希望对你有帮助🙏。