javascript - 使用 Node.js + Express，无需模板引擎

Question

我已尝试查看 StackOverflow 解决的有关收到此错误的人员的所有问题:

Error: No default engine was specified and no extension was provided.

我觉得我已经浏览了 SO 上的每一篇文章，但没有一个答案能够更正我的代码。一定还有其他事情发生。

我遇到的问题是，在决定使用 Node.js + Express 作为我的后端之前，我已经创建了许多 html 文件......所以不用担心将它们全部转换为像 pug 这样的模板引擎或 EJS，我只想从我的目录中的静态公共(public)文件夹提供它们。

根据我的研究，您不需要模板引擎来使用 Node.js + Express。但是您确实需要设置一个静态公共(public)文件夹来提供您的文件。

我已经包含了 app.use(express.static(path.join(__dirname, 'public')));在我的 app.js 文件中。我添加了一个“public”文件夹，并将所有静态文件放入其中，并在我的路由文件(我的 index.js 文件)中编写了以下路由:

router.get('/', (req, res) => {
res.sendFile('./public/index.html');
});

我尝试将其更改为以下内容:

1. res.sendFile('index');
2. res.sendFile(path.join(__dirname, 'index.html')
3. res.sendFile('../public/index.html');

我还尝试将静态中间件语法更改为 app.use(express.static('public'));这似乎也没有改变任何事情。

所有这些都呈现 No default engine was specified and no extension was provided.我在上面提供的错误。我讨厌当 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}`);
});

Answer 1

将此作为答案传递

尝试 res.sendFile(path.join(__dirname + '/../public/index.html'))