NPM Pug 在我的 JS 应用程序中不起作用

Posted

技术标签:

【中文标题】NPM Pug 在我的 JS 应用程序中不起作用【英文标题】:NPM Pug is not working in my JS application 【发布时间】:2018-02-11 21:24:08 【问题描述】:

我正在尝试在我的节点应用程序中使用 pug,因为 Jade 现在已被弃用,而我的 app.js 看起来像这样:

var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');
var nodemailer = require('nodemailer');

var app = express();

// tells which folder the template files will be in
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

app.use(bodyParser.json());
app.use(bodyParser.urlencoded(extended: false));

app.get('/', function(req, res)
    res.render('index');
);

app.listen(3000);

console.log('Server is running on port 3000');

我创建了一个 views 文件夹,在该文件夹中我有我的 index.pug 文件。

当我在浏览器中运行该站点时,我看不到 hello world。

如何在我的网站中使用 pug?

【问题讨论】:

您是否在服务器控制台或前端控制台中看到任何错误消息? 【参考方案1】:

您的代码是正确的并且可以完美运行,只需在下面的行中给出正确的路径

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');

如果您的视图文件夹位于公共文件夹或该文件夹的任何其他文件夹设置路径中,如下所示:

app.set('views', path.join(__dirname, './public/views'));
app.set('view engine', 'pug');

或删除所有依赖项并重新安装它们 或者它们可能是 index.pug 页面中的缩进错误

如果它不起作用,请将功能更改为此

app.get('/', function(req, res)
    res.send('hello world');
);

【讨论】:

以上是关于NPM Pug 在我的 JS 应用程序中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

JS 代码在我将其粘贴到控制台时有效,但在我的 React 应用程序中不起作用

单引号在 package.json 中不起作用

为啥 jquery.validation.js 在我的项目中不起作用?

Vue JS:检查用户登录是不是在我的代码中不起作用

为啥 jQuery 在我的 rails 5 应用程序中不起作用?

为啥捆绑包在我的 asp.net mvc 项目中不起作用?