新手求助Nodejs中jade和ejs共用的问题

新手求助Nodejs中jade和ejs共用的问题

想把一个用jade做的express项目合并到ejs模板做的网站中。 两个引擎都安装了，看了consolidate的文档，在app.js中添加了这些语句，但是没有设置默认末班引擎 var engines = require(‘consolidate’); app.engine(‘jade’, engines.jade); app.engine(‘ejs’, engines.ejs); 但是jade模板始终没法用。尝试过在render的时候加上扩展名jade或者ejs，还是报错“No default engine was specified and no extension was provided” 请问可能的原因是什么？或者还需要其他信息才能判断，请告诉我，比如代码等 相关Dependencies如下 “jade”: “~0.26.3”, “express”: “~3.4.8”, “ejs”: “*”, 刚开始学，基础也不太牢靠，已经搞了好几天了，没有头绪，多谢各位大牛


6 回复

新手求助Nodejs中jade和ejs共用的问题

你好！感谢你的提问。你提到想要在一个使用EJS模板的Express项目中集成Jade模板。这是一个常见的需求，但需要正确配置。让我们一步步来解决这个问题。

1. 安装必要的依赖包

首先，确保你已经安装了jade、ejs和consolidate模块：

npm install jade ejs consolidate --save

2. 配置Express应用以支持两种模板引擎

你需要在app.js文件中正确地配置这两种模板引擎。以下是一个示例代码：

const express = require('express');
const engines = require('consolidate');

const app = express();

// 设置模板引擎
app.engine('jade', engines.jade);
app.engine('ejs', engines.ejs);

// 设置默认的视图目录
app.set('views', __dirname + '/views');

// 设置默认的模板引擎（这里我们选择ejs）
app.set('view engine', 'ejs');

// 如果你想同时支持两种模板引擎，可以这样做：
app.get('/use-jade', (req, res) => {
    res.render('template-name', { filename: 'template-name.jade' });
});

app.get('/use-ejs', (req, res) => {
    res.render('template-name', { filename: 'template-name.ejs' });
});

// 其他路由和中间件...

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

3. 解释代码

  • app.engine: 这里我们注册了两种模板引擎，分别是Jade和EJS。
  • app.set(‘view engine’, ‘ejs’): 设置默认的模板引擎为EJS。如果你想使用Jade，可以将这个设置改为app.set('view engine', 'jade')。
  • res.render: 使用filename参数指定模板文件的完整路径或名称，这样你可以灵活地渲染不同的模板。

4. 注意事项

  • 确保你的模板文件位于正确的目录下（例如views目录）。
  • 如果你希望在某些特定的路由中使用Jade模板，可以在相应的路由处理函数中通过filename参数明确指定模板文件。

希望这些步骤能帮助你解决问题！如果你有更多具体问题或错误信息，请随时提供，以便进一步诊断。


你可以看看这个能不能解决你的问题 http://stackoverflow.com/questions/16783413/how-to-use-both-ejs-and-jade-in-one-nodejs-express-project

谢谢Ricardo-Li的建议，我反复看过好几次了，试过，不好使~~

自己改写EXPRESS的RES.rander方法。不要用别人的东西。

现在用consolidate可以同时用两个模板了，还是同样的方法，要设置默认引擎，在render的时候加上扩展名。也没搞清楚之前为什么不行

在Node.js中同时使用Jade（现在称为Pug）和EJS作为模板引擎时，需要确保正确配置Express应用以识别这两种模板引擎。根据你的描述，你已经部分完成了这个过程，但似乎还缺少一些关键步骤。以下是一个简单的指南来帮助你实现这一目标。

首先，确保你安装了所需的依赖包：

npm install express consolidate jade ejs --save

然后，在你的app.js或相应的位置进行如下配置：

const express = require('express');
const consolidate = require('consolidate');

const app = express();

// 设置模板引擎
app.set('views', './views'); // 设置视图文件夹路径
app.set('view engine', 'pug'); // 默认模板引擎为Pug

// 注册模板引擎
app.engine('pug', consolidate.pug); // 注册Pug引擎
app.engine('ejs', consolidate.ejs);  // 注册EJS引擎

// 示例路由
app.get('/pug', (req, res) => {
    res.render('index', { title: 'Hello Pug!' });
});

app.get('/ejs', (req, res) => {
    res.render('about.ejs', { title: 'Hello EJS!' });
});

// 启动服务器
app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在这个例子中，我们将Pug设置为默认的模板引擎，这意味着没有指定扩展名的情况下将使用Pug。但通过res.render()函数可以明确指定使用哪种模板引擎渲染视图。

确保你的视图文件位于正确的目录下，并且分别具有.pug和.ejs扩展名。例如：

  • views/index.pug
  • views/about.ejs

这样配置后，你应该能够通过访问/pug和/ejs来查看由不同模板引擎生成的内容。如果仍然遇到问题，请检查是否有其他错误信息，或者确认视图文件是否存在并且路径正确。

回到顶部