我有一个基本的Node.js应用程序，我试图使用Express框架启动。我有一个views文件夹，其中有一个index.html文件。但是我在加载网页时收到以下错误:
Error: Cannot find module 'html'
下面是我的代码。
var express = require('express');
var app = express.createServer();
app.use(express.staticProvider(__dirname + '/public'));
app.get('/', function(req, res) {
res.render('index.html');
});
app.listen(8080, '127.0.0.1')
我错过了什么?
当前回答
如果你试图提供一个HTML文件，其中已经有它所有的内容在里面，那么它不需要被“渲染”，它只需要被“服务”。呈现是指在页面发送到浏览器之前让服务器更新或注入内容，并且它需要额外的依赖项，如ejs，如其他答案所示。
如果你只是想让浏览器根据他们的请求指向一个文件，你应该像这样使用res.sendFile():
const express = require('express');
const app = express();
var port = process.env.PORT || 3000; //Whichever port you want to run on
app.use(express.static('./folder_with_html')); //This ensures local references to cs and js files work
app.get('/', (req, res) => {
res.sendFile(__dirname + '/folder_with_html/index.html');
});
app.listen(port, () => console.log("lifted app; listening on port " + port));
这样，除了express，您就不需要其他依赖项了。如果你只是想让服务器发送你已经创建的html文件，上面是一种非常轻量级的方式。
其他回答
试试这个。这对我很管用。
app.configure(function(){
.....
// disable layout
app.set("view options", {layout: false});
// make a custom html template
app.register('.html', {
compile: function(str, options){
return function(locals){
return str;
};
}
});
});
....
app.get('/', function(req, res){
res.render("index.html");
});
index.js
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res) {
res.render('index.html');
});
app.listen(3400, () => {
console.log('Server is running at port 3400');
})
将index.html文件放到公共文件夹中
<!DOCTYPE html>
<html>
<head>
<title>Render index html file</title>
</head>
<body>
<h1> I am from public/index.html </h1>
</body>
</html>
现在在终端上运行以下代码
节点index.js
我不想依赖于ejs来简单地传递HTML文件，所以我只是自己写了一个小渲染器:
const Promise = require( "bluebird" );
const fs = Promise.promisifyAll( require( "fs" ) );
app.set( "view engine", "html" );
app.engine( ".html", ( filename, request, done ) => {
fs.readFileAsync( filename, "utf-8" )
.then( html => done( null, html ) )
.catch( done );
} );
要在节点中呈现Html页面，请尝试以下操作，
app.set('views', __dirname + '/views');
app.engine('html', require('ejs').renderFile);
你需要像这样通过npm安装ejs模块: NPM安装ejs—保存
对于我的项目，我创建了这样的结构:
index.js
css/
reset.css
html/
index.html
这段代码为/请求服务index.html，为/css/reset.css请求服务reset.css。很简单，最好的部分是它自动添加缓存头。
var express = require('express'),
server = express();
server.configure(function () {
server.use('/css', express.static(__dirname + '/css'));
server.use(express.static(__dirname + '/html'));
});
server.listen(1337);
