为啥我的部分没有被发现?

Posted

技术标签:

【中文标题】为啥我的部分没有被发现?【英文标题】:Why is my partial not being found?为什么我的部分没有被发现? 【发布时间】:2015-11-01 18:42:17 【问题描述】:

我目前正在制作一个 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 路由文件以及我的车把视图。当我导航到产品页面时,我收到一条错误消息,显示“未找到部分产品信息”。我已经尝试了一切并且知道如何解决,如果有人能阐明我在这里做错了什么,我将不胜感激。只想修复这个设置,这样我终于可以开始我的副业了。谢谢!

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

【问题讨论】:

你说错误是partial productsinfo not found,但文件名不是复数,只是productinfo。那是错字吗?你的其他模板渲染得好吗?你也能显示你在哪里渲染productinfo.hbs吗? @mscdex 是的,我担心这是一个错字,您可以在随附的屏幕截图中看到我在哪里渲染部分 productinfo.hbs。为了回答您的其他问题,视图呈现得很好,只是由于某种原因找不到的部分。 【参考方案1】:

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

【讨论】:

【参考方案2】:

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

编辑:好的,刚刚修复它,现在我摆脱了其他 hbs 模块,只需要简单地重命名扩展名。现在完美运行。故事的寓意:确保您注意 webstorm 添加的所有模块,或者只是自己手动添加所有内容,哈哈。

【讨论】:

【参考方案3】:

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

【讨论】:

抱歉,我忘记将其重命名回 .hbs,我只是将其重命名为 .handlebars 以防万一扩展名是原因。即使扩展名为.hbs,它仍然找不到部分,原来是这样。

以上是关于为啥我的部分没有被发现?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的答案在hackerearth练习问题中只被部分接受

为啥我的部分代码被跳过而不让我输入输入?

为啥我的 JavaScript 函数显然没有被调用?

为啥我的 liquibase modifySQL 子句没有被触发?

为啥我的 graphql apollo 解析器没有被调用?

为啥 userNotificationCenter didReceive 没有被解雇?