我有一个基本的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')
我错过了什么?
当前回答
在Express 4.0.0中，你唯一要做的就是注释掉app.js中的两行:
/* app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade'); */ //or whatever the templating engine is.
然后将静态文件放到/public目录中。例如:/公共/ index . html
其他回答
1） 最好的办法是设置静态文件夹。在你的主文件(app.js | server.js | ??):
app.use(express.static(path.join(__dirname, 'public')));
公共/ css / form . html public / css / style . css
然后你从“public”文件夹中获得静态文件:
http://YOUR_DOMAIN/form.html
http://YOUR_DOMAIN/css/style.css
2)
您可以创建您的文件缓存。 使用方法fs.readFileSync
var cache = {};
cache["index.html"] = fs.readFileSync( __dirname + '/public/form.html');
app.get('/', function(req, res){
res.setHeader('Content-Type', 'text/html');
res.send( cache["index.html"] );
};);
文件夹结构:
.
├── index.html
├── node_modules
│ ├──{...}
└── server.js
server.js
var express = require('express');
var app = express();
app.use(express.static('./'));
app.get('/', function(req, res) {
res.render('index.html');
});
app.listen(8882, '127.0.0.1')
index . html
<!DOCTYPE html>
<html>
<body>
<div> hello world </div>
</body>
</html>
输出:
你好世界
表达4.倍
res.sendFile(path [， options] [， fn])
发送.html文件，没有模板引擎…
//...
// Node modules
const path = require('path')
//...
// Set path to views directory
app.set('views', path.join(__dirname, 'views'))
/**
* App routes
*/
app.get('/', (req, res) => {
res.sendFile('index.html', { root: app.get('views') })
})
//...
.
├── node_modules
│
├── views
│ ├──index.html
└── app.js
来自Express.js指南:视图渲染
视图文件名采用Express形式。ENGINE，其中ENGINE是所需模块的名称。例如视图布局。Ejs会告诉视图系统require(' Ejs ')，被加载的模块必须导出方法exports。render(str, options)来遵守Express，但是app.register()可以用来将引擎映射到文件扩展名，因此，例如foo.html可以由jade渲染。
所以你要么创建自己的简单渲染器，要么使用jade:
app.register('.html', require('jade'));
更多关于app.register的信息。
注意，在Express 3中，这个方法被重命名为app.engine
向代码中添加以下行
将“jade”替换为“ejs”，“X.Y.Z”(版本)替换为“*”。json文件 “依赖”:{ “ejs”:“*” ｝ 然后在app.js文件中添加以下代码: app.engine(“html”,要求(“ejs”).renderFile); App.set('视图引擎'，'html'); 记住把所有的。html文件保存在views Folder中
欢呼:)
