我目前正在制作nodejs应用,但我在设置时遇到了一些问题。我正在使用Webstorm的项目创建者并选择nodejs表达应用程序,并将把手作为引擎。我还包括快递车把。出于某种原因,当我包含部分内容时,即使我指定了部分文件夹是什么,它也找不到它。以下是我的设置:
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但仍然无法正常工作。
答案 0 :(得分:1)
您没有在模板中为此变量{{productinfo}}分配任何内容。路线没有问题。从模板中删除此变量或指定一些值。
答案 1 :(得分:0)
我很清楚我找出原因,显然当你用webstorm构建项目时,它包含了类似于'express-handlebars'框架的hbs框架。所以,当我加入'快递把手'时,他们是冲突的,我的应用程序出于某种原因使用了hbs。 Idk如何修复除了从头开始构建项目,特别是包括我需要的东西,而不是使用webstorm的项目构建器。我删除了hbs模块,但我现在收到一个错误,说找不到hbs,似乎无法看到它试图找到它的位置。
编辑:好的只是修复它,不得不简单地重命名扩展,因为我摆脱了其他的hbs模块。现在工作得很好。故事的道德:确保你注意webstorm添加的所有模块,或者只是自己手动添加所有模块大声笑。
答案 2 :(得分:-1)
您的productinfo.handlebars
文件名应改为productinfo.hbs
。