为什么找不到我的部分？

Question

我目前正在制作一个 nodejs 应用程序，但在设置时遇到了一些问题。我正在使用 Webstorm 的项目创建者并选择带有车把的 nodejs express 应用程序作为引擎。我还包括快速车把。出于某种原因，当我包含一个部分时，即使我指定了部分文件夹是什么，它也找不到它。以下是我的设置：

App.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');


// view engine setup
var handlebars = require('express-handlebars').create({
  layoutsDir: path.join(__dirname, "views/layouts"),
  partialsDir: path.join(__dirname, "views/partials"),
  defaultLayout: 'layout',
  extname: 'hbs'
});


//routes
var index = require('./routes/index');
var users = require('./routes/users');
var products = require('./routes/products')

var app = express();



app.engine('handlebars', handlebars.engine);
app.set('view engine', 'hbs');
app.set('views', path.join(__dirname, "views"));

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));



app.use('/', index);
app.use('/products', products);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});


module.exports = app;

这是我的文件夹结构和我的 products.js 路线文件以及我的车把视图。当我导航到产品页面时，我收到一条错误消息 "partial productsinfo not found"。我已经尝试了所有方法并且知道如何修复，如果有人可以阐明我在这里做错了什么，我将不胜感激。只想修复此设置，以便我终于可以开始我的副项目。谢谢！

编辑：忽略 productinfo.handlebars 部分的 .handlebars 扩展名，我更改了扩展名以尝试让它工作，但它什么也没做。现在它回到 productinfo.hbs 并且仍然无法正常工作。

Answer 1

您的 productinfo.handlebars 文件名应该改为 productinfo.hbs.

Answer 2

很确定我找到了原因，所以显然当你用 webstorm 构建项目时，它包含类似于 'express-handlebars' 框架的 hbs 框架。因此，当我包含 'express-handlebars' 时，它们会发生冲突，并且我的应用程序出于某种原因正在使用 hbs。除了从头开始构建项目，特别是包括我需要的东西，而不是使用 webstorm 的项目构建器，我不知道如何修复。我删除了 hbs 模块，但我现在收到一条错误消息，提示未找到 hbs，只是似乎看不到它试图寻找它的位置。

编辑：好的，刚刚修复它，现在我摆脱了另一个 hbs 模块，不得不简单地重命名扩展。现在工作完美。这个故事的寓意：确保你注意 webstorm 添加的所有模块，或者自己手动添加所有模块，哈哈。

Answer 3

您没有为模板中的变量 {{productinfo}} 分配任何内容。路由没有问题。从模板中删除此变量或分配一些值。

为什么找不到我的部分？

Why is my partial not being found?

javascript

node.js

express

webstorm

handlebars.js