Javascript 使用Node.js+;无模板引擎的Express
我已尝试查看StackOverflow解决的所有有关收到此错误的人员的问题:Javascript 使用Node.js+;无模板引擎的Express,javascript,node.js,express,Javascript,Node.js,Express,我已尝试查看StackOverflow解决的所有有关收到此错误的人员的问题: 错误:未指定默认引擎,也未提供扩展。 我觉得我已经搜遍了所有的帖子,没有一个答案能纠正我的代码。一定还有别的事 我遇到的问题是,在决定使用Node.js+Express作为后端之前,我已经创建了许多html文件……因此,我不必担心将它们全部转换为模板引擎(如pug或EJS),我只想从目录中的静态公用文件夹中为它们提供服务 根据我的研究,使用Node.js+Express不需要模板引擎。但您确实需要设置一个静态公用文件夹
错误:未指定默认引擎,也未提供扩展。
我觉得我已经搜遍了所有的帖子,没有一个答案能纠正我的代码。一定还有别的事
我遇到的问题是,在决定使用Node.js+Express作为后端之前,我已经创建了许多html文件……因此,我不必担心将它们全部转换为模板引擎(如pug或EJS),我只想从目录中的静态公用文件夹中为它们提供服务
根据我的研究,使用Node.js+Express不需要模板引擎。但您确实需要设置一个静态公用文件夹来为您的文件提供服务
我已经包括了app.use(express.static(path.join(uu dirname,'public'))代码>在我的app.js文件中。我添加了一个“public”文件夹,并将所有静态文件放在其中,在我的routes文件(my index.js文件)中,我编写了以下路由:
router.get(“/”,(req,res)=>{
res.sendFile('./public/index.html');
});代码>
我已尝试将其更改为以下内容:
res.sendFile('index')代码>
res.sendFile(path.join(\uu dirname,'index.html')
res.sendFile('../public/index.html');
我还尝试将我的静态中间件语法更改为app.use(express.static('public');
,这似乎也没有改变任何东西
所有这些都使得没有指定默认引擎,也没有提供扩展。
我在上面提供的错误。我讨厌在StackOverflow上有这么多相同的问题时我需要问这些问题,但我目前完全不知道该怎么办。没有进一步的告别,下面是我的代码:
这是我的文件目录结构
下面是处理所有路由的index.js文件:
const express = require('express');
const router = express.Router();
router.get('/', (req, res) => {
res.sendFile(path.join(__dirname, 'index.html'));
});
router.post('/', (req, res) => {
});
module.exports = router;
这是我的app.js文件:
const express = require('express');
const path = require('path');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-parser');
const routes = require('./routes/index');
const errorHandlers = require('./handlers/errorHandlers');
const app = express();
app.use('/', routes);
app.use(express.static(path.join(__dirname, 'public')));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
// If that above routes didnt work, we 404 them and forward to error handler
app.use(errorHandlers.notFound);
// One of our error handlers will see if these errors are just validation errors
app.use(errorHandlers.flashValidationErrors);
// Otherwise this was a really bad error we didn't expect! Shoot eh
if (app.get('env') === 'development') {
/* Development Error Handler - Prints stack trace */
app.use(errorHandlers.developmentErrors);
}
// production error handler
app.use(errorHandlers.productionErrors);
module.exports = app;
这是我的package.json:
{
"name": "********",
"version": "1.0.0",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-concat": "^1.0.1",
"grunt-contrib-imagemin": "^1.0.1",
"grunt-contrib-sass": "^1.0.0",
"grunt-contrib-uglify": "^2.3.0",
"grunt-contrib-watch": "^1.0.0",
"webpack-dev-server": "^2.9.7"
},
"description": "",
"main": "app.js",
"scripts": {
"start": "nodemon ./start.js"
},
"author": "****** ********",
"license": "ISC",
"dependencies": {
"cookie-parser": "^1.4.3",
"dotenv": "^4.0.0",
"express": "^4.16.2",
"mongod": "^2.0.0",
"mongoose": "^4.13.7",
"nodemon": "^1.14.1",
"normalize.css": "^6.0.0"
}
}
这是我运行npm start
时运行的start.js文件:
const mongoose = require('mongoose');
// import environmental variables from our variables.env file
require('dotenv').config({ path: 'variables.env' });
mongoose.connect(process.env.DATABASE, { useMongoClient: true });
mongoose.Promise = global.Promise;
mongoose.connection.on('error', (err) => {
console.error(`${err.message}`);
});
const app = require('./app');
app.set('port', process.env.PORT || 7777);
const server = app.listen(app.get('port'), () => {
console.log(`Express running → PORT ${server.address().port}`);
});
将此作为答案传递
尝试res.sendFile(path.join(\uu dirname+'/../public/index.html'))
将此作为答案传递
请尝试res.sendFile(path.join(\uu dirname+'/../public/index.html'))
如果您从头开始,可以运行:
npm安装-g express generator#在全球范围内安装express generator
express projectName--no view--git#'--git'是可选的,并生成一个'.gitignore'文件
如果您从零开始,您可以运行:
npm安装-g express generator#在全球范围内安装express generator
express projectName--no view--git#'--git'是可选的,并生成一个'.gitignore'文件
是否可能有一个错误处理程序调用res.render
?我怀疑这是问题所在,但是…请尝试res.sendFile(path.join(\uu dirname+'/../public/index.html'))
。另外,请登录路由器.get('/')中的控制台
只是想看看你是否得到响应。@ReyHaynes。这很有效!我必须要求index.js文件上的路径才能工作,但它工作了!我所拥有的和它为什么只接受该语法之间有什么区别…?@Josh…好问题!我文件中的一些错误处理程序实际上有res.render。我可以想象当我确实有错误时,这会导致我遇到问题。因此,我会更正并更新它们。但这似乎并不是破坏我的代码的原因。不过,感谢您的输入!很高兴它起了作用。我将把这个作为下面的答案传递给您!要回答这个问题,当您必须向后遍历文件夹时,您需要添加开始的正斜杠后跟向后的指针(例如,/..
)。是否有一个错误处理程序调用了res.render
?我怀疑这是问题所在,但是…尝试res.sendFile(path.join(\uu dirname+/../public/index.html')
。另外,控制台登录到路由器.get('/'))
只是想看看你是否得到响应。@ReyHaynes。这很有效!我必须要求index.js文件上的路径才能工作,但它工作了!我所拥有的和它为什么只接受该语法之间有什么区别…?@Josh…好问题!我文件中的一些错误处理程序实际上有res.render。我可以想象当我确实有错误时,这会导致我遇到问题。因此,我会更正并更新它们。但这似乎并不是破坏我的代码的原因。不过,感谢您的输入!很高兴它起了作用。我将把这个作为下面的答案传递给您!要回答这个问题,当您必须向后遍历文件夹时,您需要添加一个开始的正斜杠,后跟向后的箭头(例如,/..
)。