javascript - 快速路线无法在视图文件夹中获取文件
问题描述
我对编程相当陌生,并且正在努力尝试让 recipe.ejs 文件显示。我似乎无法从 recipe.js 正确创建路由来获取 recipe.ejs 文件并渲染它。任何帮助将不胜感激。
/routes/recipe.js
var express = require('express');
var router = express.Router();
/*GET recipe page*/
router.get('/', function(req, res, next) {
res.render('recipe');
});
module.exports = router;
**app.js**
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var recipeRouter = require('./routes/recipe');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/recipe', recipeRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
解决方案
试试这个经过验证的片段:
package.json
server.js
views/hello.ejs
服务器.js
var express = require('express');
var app = express();
app.get("/", function(req, res) {
res.render("hello.ejs");
});
app.listen(2708, function() {
console.log("server is listening!!!");
});
你好.ejs
<h1>Hello EJS World </h1>
包.json
{
"name": "first-express-app",
"description": "an example of using Express",
"private": true,
"version": "0.0.1",
"dependencies": {
"ejs": "^3.1.3",
"express": "4.17.1"
},
"scripts": {
"start": "node server"
},
"main": "quote"
}
如果它有效,您可以使用它与您的复杂实现进行比较以找到错误。
推荐阅读
- java - 如何根据Java中前一行的组大小值跳过行
- highcharts - dragDrop 如何在带有 mappoint 的 Highmaps 中工作 (Highcharts)
- windows - SSRS 服务器是否接受来自机器或 WinForm 应用程序的凭据?
- angular - 如何从 html 链接到角度 6 中的另一个组件
- node.js - 如何管理节点 js 服务器的缓存?
- angularjs - 如何从 ng-repeat 路由到 api 值?
- laravel - Laravel foreach 循环
- javascript - 将 Algolia InstantSearch Vue 组件集成到 Vuetify 数据表中
- qemu - 我如何找出是什么在缓冲从 qemu 到 pexpect 的通信?
- javascript - 如何让用户能够在 vue-select 组件中编辑已经选择的数据?