Node.js和express + hbs -将变量传递给模板时出现意外的标识符
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端代码。Express是一个基于Node.js的Web应用框架，它提供了简洁、灵活的方式来构建Web应用程序。hbs是Express框架中的一种模板引擎，它允许开发者使用类似HTML的语法来动态生成页面。
当在Node.js和Express中使用hbs模板引擎时，有时会遇到将变量传递给模板时出现意外的标识符的问题。这可能是由于以下几个原因导致的：
- 变量未正确传递：在将变量传递给模板时，需要确保变量的命名和传递方式正确。可以使用
res.render方法将变量传递给模板，例如：
res.render('index', { title: 'My Website' });在模板中可以通过{{title}}来访问传递的变量。
- 模板中的语法错误：在使用hbs模板引擎时，需要注意模板中的语法是否正确。例如，使用
{{#each}}来遍历数组时，需要确保语法正确，例如：
{{#each items}}
<li>{{this}}</li>
{{/each}}这样可以正确地遍历并显示数组中的每个元素。
- 模板文件路径错误：如果模板文件的路径不正确，可能会导致无法正确渲染模板。确保模板文件的路径与代码中的路径一致。
如果遇到以上问题，可以逐一检查并排除可能的原因。另外，腾讯云提供了一系列与Node.js相关的产品和服务，例如云服务器、云函数、容器服务等，可以根据具体需求选择相应的产品。具体产品介绍和文档可以参考腾讯云官方网站：https://cloud.tencent.com/product/nodejs
相关·内容
1回答
我正在努力将Node.js变量显示为HTML。
我目前在我的app.js中使用了这个，它使用Express。
Package.json
"dependencies": {
"body-parser": "~1.12.0",
"cookie-parser": "~1.3.4",
"debug": "~2.1.1",
"express": "~4.12.2",
"ejs": "~2.1.3
浏览 2提问于2015-04-08得票数 2
回答已采纳
1回答
如何将对象发送给扶手？
、、、
学习手柄和Express我正在尝试学习一种发送对象的方法，而不必总是在渲染中构建。例如，如果我有：
const details = {
version: process.env.npm_package_version,
author: 'foobar'
}
我可以通过以下部分将其发送到我的footer.hbs：
app.get('/', (req, res) => {
res.render('index', {
details
})
})
但是，为了寻找一种将其发送到模板文件的方法，而不是总是在呈现中，我在关于的文档
浏览 0提问于2019-09-08得票数 3
回答已采纳
1回答
我正在使用Express JS和车把包，实际上我面临着一些奇怪的事情。我不知道我是不是漏掉了什么东西，我希望如此，但我不知道我的代码有什么问题。
我在用：
我无法让{{#each}}语句在我的代码中工作。
以下是我所拥有的：
views.ts
const Views = {
config: {
// views template configuration
extname: '.hbs',
helpers: {
modulesList: () => {
retu
浏览 0提问于2020-03-28得票数 0
回答已采纳
1回答
我用node.js和mysql做了一个数据库，我所有的视图都是hbs文件，我希望当用户登录时，他们能够在我的帐户页面上检查他们的分数。我看到了一个关于如何以表格形式显示分数的教程，但它使用的是ejs视图引擎来显示页面。现在，我的默认视图引擎是hbs，当我编写app.set('view engine',ejs)时，我的帐户页面可以工作，但所有其他hbs页面都会崩溃。我尝试使用consolidate.js并使用app.engine代替app.set，但是ejs页面还是崩溃了，或者是hbs页面崩溃了。我需要提交这个项目明天，如果有人可以帮助它将意味着很多。我已经在下面附上了app.
浏览 21提问于2021-01-25得票数 0
3回答
我正在用快递平台学习nodejs。我生成了一个快速项目，我编辑了两个路由文件。一个路由文件是"users.js“，它应该在请求‘/用户’时呈现layou.hbs，另一个是"index.js”，当'/‘被请求时它应该呈现"home.hbs“。问题是，当在url框上请求'/‘时，我在浏览器上得到layout.hbs输出。我做错什么了？这是文件中的代码。
index.js
var express = require('express');
var router = express.Router();
/* GET home p
浏览 3提问于2017-01-07得票数 1
1回答
我刚刚开始学习Node JS。在渲染ejs文件时，我得到了一个意外的标记错误。有人能帮我解决这个错误吗？ Error: If the above error is not helpful, you may want to try EJS-Lint:
https://github.com/RyanZim/EJS-Lint
Or, if you meant to create an async function, pass `async: true` as an option.
at new Function (<anonymous>)
at Template.com
浏览 16提问于2021-04-30得票数 0
1回答
如何列出我在node.js中的帖子？
server.js
app.set('view engine', 'html');
app.engine('html', hbs.__express);
app.set('views', __dirname + '/views');
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res) {
connection.query(
浏览 3提问于2014-08-25得票数 0
回答已采纳
3回答
我使用的是Node.js、Express4和Handlebar模板处理器。我用Handlebar呈现的一些页面视图有几个静态内联SVG代码的kBytes。有没有一种简单明了的方法可以将SVG代码放入一个单独的文件中，该文件将包含在Handlebar布局模板中？理想情况下，这个包含文件应该有一个.svg扩展名，但是.hbs是可以接受的。
浏览 36提问于2017-02-11得票数 3
回答已采纳
1回答
我有一个使用express-hbs的Node.JS+express应用程序。在本地运行时一切正常，但在部署到Heroku时会失败。
我尝试了一些显而易见的故障排除步骤，例如：
var port = process.env.PORT || 80;
但这个问题仍然存在。
下面是完整的错误：
/app/node_modules/express-hbs/lib/hbs.js:90
var matches = str.match(layoutPattern);
TypeError: Cannot read property 'match' of undefined
at
浏览 0提问于2019-04-16得票数 0
1回答
我正在做一个快速应用程序，当用户使用表单注册时，我想显示闪存信息。
我正在使用的技术有Node.js、Express.js、手柄(Hbs)、连接闪存和快速消息。
为了更容易地找到错误，我用最简单的方法创建了一个新的应用程序。
错误是：Error: /Applications/MAMP/htdocs/hbs-simple/views/index.hbs: Parse error on line 7: ...</head><body> {{{messages()}}} {{{b ---------------------^ Expecting 'ID',
浏览 2提问于2017-06-02得票数 2
我在使用handlebars.js in 。我有很好的模板，但是我需要添加要用我的视图呈现的部分。
我想做这样的事情：
hbs.registerPartial('headPartial', 'header');
// where "header" is an .hbs file in my views folder
然而，它抛出了一个“标头部分找不到”。
如果我将一个html字符串传递给第二个param，我可以使registerPartial工作，但是我想为我的部分使用单独的视图文件。
我还没有找到任何关于这方面的文档，但希望我可能只是错过了
浏览 10提问于2011-11-09得票数 31
回答已采纳
按照文档进行操作：
https://github.com/ericf/express-handlebars
我需要编译一个模板，而不是使用res.render('myView')的文档化方法，因为在我的上下文中没有res。
这就是我到目前为止所知道的：
var express = require('express')
, exphbs = require('express-handlebars');
, hbs = exphbs.create({
extname: '.hbs',
d
浏览 2提问于2016-08-04得票数 1
回答已采纳
1回答
我正在尝试设置一些动态路由，它从所选链接中提取值，并在路由中将其传递到下一个页面的名称之前。例如：
我在'/'上有一个链接，单击链接<a href="#" id="solid-choice">Solid</a>
我想把这个链接值传递到下一个页面渲染的路由中。像'/solid/next-page'一样
我设置了一些路由，但我认为它没有按照我想要的方式正确地拉出路由。/:pattern/next-page是我特别讨论的路由
这是我的观点：
<!DOCTYPE html>
<head>
浏览 0提问于2015-08-31得票数 0
嗨，我有一个项目，我正在将一个静态网站转换成一个数据驱动的网站，现在我只是试图改变，以便每个页面的内容都通过一个数据对象进入网站。
我正在使用: node.js，handlebars，express
我的index.js文件有一个如下所示的对象
var item = [{
pagetitle: 'Page 1',
text: 'content page 1'
}, {
pagetitle: 'Page 2',
text: 'content page 2'
}, {
pagetitle: 'Page 3&
浏览 1提问于2017-02-03得票数 2
我有一个关于HBS和partials的小问题:如何将数据传递给partials？假设我有一个包含head.html部分index.html模板。
我有一个这样的代码：
server.js：
var express = require('express');
var app = express();
var hbs = require('hbs');
hbs.registerPartials(__dirname + './views/partials');
app.set('view engine', 'html'
浏览 0提问于2013-11-06得票数 3
1回答
我正在使用express js 4.14.0和handlebars js 4.0.6。我的视图文件夹结构如下
view
Layout.hbs
Layout Folder
- Main.hbs
Partials Folder
-Header.hbs
-Footer.hbs
-Page.hbs
Index1.hbs
Index2.hbs
app.engine( 'hbs', express_hbs( {
extname: 'hbs',
defaultLayout: 'main',
浏览 8提问于2017-02-22得票数 0
我希望我的layout.hbs文件中有一个锚链接来链接到layout2.hbs。然而，它反而呈现原始代码的页面，而不是呈现适当的HTML。
我的控制台消息：
GET / 304 28.673 ms - -
GET /homepage.css 304 5.198 ms - -
GET /print2.css 304 8.190 ms - -
GET /layout2.hbs 304 0.555 ms - -
包含路由的index.js文件：
var express = require('express');
var router = express.Router();
var d
浏览 1提问于2019-04-01得票数 0
回答已采纳
3回答
把手缩小HTML
、、
在Node.js Express应用程序中，有没有一种方法可以在将所有Handlebar模板发送到渲染器之前将其最小化？
我考虑创建一个在HTML响应正文上执行缩减的Express中间件-但我很快意识到这是非常低效的，因为每个HTTP请求都会发生缩减。
必须有一种方法来缩小.hbs模板并将其缓存到服务器端？
浏览 1提问于2015-11-24得票数 6
2回答
我正在尝试创建一个Node.JS网站。我想从json文件中检索数据，以便在网站上正确显示。我该怎么做呢？我是Node.JS新手，不知道在哪里编写脚本。
{
"id": "dfd9722a-3ca3-48e7-af2b-633e33d626b5",
"clientId": "4ef8da99-07ee-4f40-8ea5-be13f4592a62",
"source": "D346618B-2C9F-4765-940A-B9369BD67114",
"de
浏览 2提问于2018-08-30得票数 1
回答已采纳
利用Express的把手将.hbs文件从/views注入到layout.hbs {{{body}}}标记中，如何将此结构转换为用于基于index.html的Cordova？
浏览 2提问于2016-02-08得票数 4
1回答
我将一个数组从node/express发送到我的前端。
如下所示：
res.render({product: req.product_data });
现在在前端，我纯粹是在测试它是否在那里，我这样做：
<script>
console.log(<%= product %>);
</script>
在浏览器的控制台中，它显示‘s Uncaught SyntaxError: Unexpected identifier
在源代码中看起来是这样的：
console.log([object Object]);
我试着JSON.stringify它，
&
浏览 2提问于2017-07-07得票数 0
2回答
我是一个完整的初学者，我正在尝试修改从获取的简单的工具栏模板。
我希望能够在.hbs文件之间链接，就像在.html文件之间链接一样，但是当我尝试时，我会得到消息cannot GET，然后是我提供给它的任何文件。
这里是我的整体结构为参考；
下面是我正在处理的index.hbs文件
<!DOCTYPE html>
<html>
{{> head }}
<body>
<a href="views/secondpage.hbs">Link to second page</a>
</b
浏览 0提问于2019-06-30得票数 1
回答已采纳
我基本上是在尝试使用express & hbs来动态呈现页面。我还包含了基本的npm包。我也在视图目录中创建了index.hbs，但是当我尝试运行我的代码时，我得到了以下错误。 ReferenceError: index is not defined
at C:\Users\Moaz\Desktop\Node JS Code\web-server\src\app.js:11:14
at Layer.handle [as handle_request] (C:\Users\Moaz\Desktop\Node JS Code\web-server\node_modules
浏览 50提问于2020-12-31得票数 0
回答已采纳
我有一个node express应用程序，并且在呈现我的index.hbs文件时尝试传递一个变量，如下所示：
<!DOCTYPE html>
<html>
<body>
Hello.
<a href="/auth/facebook">Login with Facebook</a>
{{req}} <!-- this works fine(ish) -->
<script>
var request = {{req}}; // This throws
浏览 14提问于2018-02-04得票数 1
我正在使用用于NodeJS的Express 4.0和Express 3手柄库。
这是配置
app.set('views', path.join(__dirname, 'views/'));
app.engine('hbs', hbs({defaultLayout: 'main', extname: '.hbs'}));
app.set('view engine', 'hbs');
contact.html位于视图目录中。
app.get('/', function(r
浏览 6提问于2015-06-09得票数 0
回答已采纳
1回答
我正在为express js框架生成一个带有hbs的工具栏视图，我需要访问从一个单独的JavaScript文件中传递给视图的变量。
例如：
var foo = {{user.name}}
显然，这段代码会引发错误，但是在JavaScript中获取hbs变量的首选方法是什么呢？
目前，我正在运行另一个ajax请求来获取相同的数据。但我认为再次请求同样的数据是不明智的.
浏览 4提问于2015-03-20得票数 2
回答已采纳
我有以下基本的nodejs应用：
var nodemailer = require('nodemailer');
var hbs = require('nodemailer-express-handlebars');
var options = {
viewEngine: {
extname: '.hbs',
layoutsDir: 'views/email/',
defaultLayout : 'template',
partialsDir : 'views/pa
浏览 2提问于2015-07-21得票数 4
我正在使用node.js express创建应用程序，在这里我希望从express传递一些数据，并在外部javascript文件中使用。
这是我的app.js
const express=require('express');
const path=require('path');
const app=express();
const bodyParser=require('body-parser');
//configure app
app.set('view engine','ejs');
app.
浏览 2提问于2017-01-11得票数 0
回答已采纳
在重定向之前调用flash()时，我得到一个重复出现的错误。 代码是对员工显示的简单处理： const express = require('express')
const flash = require('express-flash-notification');
const cookieParser = require('cookie-parser');
const session = require('express-session');
const app = express()
app.use(cookieP
浏览 6提问于2019-03-12得票数 0
8回答
我正在尝试使用express-handlebar模块，但是有一个错误。我的代码：
var exphbs = require('express-handlebars');
app.engine('.hbs', exphbs({ extname: '.hbs', defaultLayout: "main"}));
app.set('view engine', '.hbs');
我的错误：
"app.engine('.hbs', exphbs({ extname: '.h
浏览 18提问于2021-11-14得票数 8
我试图呈现索引页，并显示从表中获取的数据。
但是我发现了一个错误
错误是"C:\Users\acer\Desktop\nodejsyt\index.js:23如果(错误)抛出错误；^
错误:无法在已对握手进行排队后进行排队握手。在(C:\Users\acer\Desktop\nodejsyt\node_modules\mysql\lib\protocol\Protocol.js:221:16) at (C:\Users\acer\Desktop\nodejsyt\node_modules\mysql\lib\protocol\Protocol.js:138:13) at Protoco
浏览 6提问于2022-08-22得票数 1
我需要我的项目nodejs (销售点)的两个默认布局，第一个是认证页面和一个新用户(出纳)的注册(带有他自己的CSS代码)，第二个是仪表板(pos界面以及产品添加页面)。(也有自己的CSS代码)。
我的代码的结构应该是：
views/
layouts/
mainDashboard.hbs
mainLogin.hbs
dashboard.hbs
addProduct.hbs
login.hbs
register.hbs
我在server.js中的代码(只做一个DefaultLayout)：
const express = require("e
浏览 1提问于2019-12-09得票数 1
回答已采纳
我是Node.Js的新手。我用Node.JS Express创建了一个应用程序。现在我的文件夹结构如下
-core
app.js
-routes
index.js
-views
index.hbs
我想把json文件存储到客户端pc上。我想把下面的代码写到hbs文件中，但这是不可能的。你能不能向我解释一下我该怎么写或写在哪里？如果您能分享一些链接或教程，我可以阅读并理解如何处理这种情况，这将是您的好意。
'use strict';
const fs = require('fs');
let data = JSON.stringi
浏览 0提问于2018-10-18得票数 0
作为相对较新的JavaScript，我正在尝试在Node.js + Express / Angular.js应用程序中实现亚马逊登录。
下面是Node.js Passport身份验证中间件示例中的部分：
app.get('/auth/facebook/callback',
passport.authenticate('service', { session: false }),
function(req, res) {
// Successful authentication, redirect home.
// I have acce
浏览 3提问于2014-10-04得票数 2
回答已采纳
1回答
如果没有像express这样的框架，我如何在Node.js中创建会话并管理它们？
提到在节点中管理会话的大多数问题都是使用express来实现的，但我想知道如何在不使用express的情况下做到这一点。
浏览 0提问于2017-09-12得票数 3
1回答
我正在尝试用MVC模式创建一个web应用程序，并在node.js中进行表达。这是我的项目结构：
app.js：
let express = require("express");
let hbs = require("hbs");
let app = express();
let indexController = require("./controllers/indexController");
let loginController = require("./controllers/loginController");
a
浏览 2提问于2022-04-26得票数 0
回答已采纳
4回答
我是node.js新手，我想使用handlebars模板引擎，但扩展名hbs较短。
以下是原始代码()：
var handlebars = require('express3-handlebars')
.create({ defaultLayout: 'main' });
app.engine('handlebars', handlebars.engine);
app.set('view engine', 'handlebars');
它在带有handlebars扩展的模板中工作得很好，但我将其更改为：
var h
浏览 2提问于2016-01-04得票数 10
当在实时数据库节点上触发onCreate函数时，我正在尝试使用上传到我的firebase项目存储(appId.appspot.com/templates/testTemplate.hbs)的handlebars模板文件与nodemailer一起发送电子邮件。
我可以成功地发送电子邮件使用html格式的字符串，但真的需要使用模板来添加动态数据到电子邮件。
下面是我的函数：
import * as functions from "firebase-functions";
const admin = require("firebase-admin");
const
浏览 0提问于2018-12-23得票数 0
我使用的是Express.js，并设置了静态路径。
我想做的是：
提供2个.hbs文件--> (index.hbs & about.hbs)
在两个文件中加载一个部分(标题)
应用一个小CSS文件
发生了什么：
CSS加载在index.hbs上，而部分未加载在其上。
在加载部分时，about.hbs上没有加载CSS。
在about.hbs控制台窗口接收此错误：Refused to apply style from 'http://localhost:3000/public/css/homePageStyles.css' becaus
浏览 2提问于2021-03-20得票数 1
回答已采纳
我试图在{{body}上使用两个车把帮手，但其中只有一个在工作？我从零开始跟踪Traversy的Node.js应用程序，这里是1:44:10的youtube课程，我三次检查了我的代码和他使用的衍射检查器。下面是我在模板index.hbs上使用的两个助手：
<p>{{stripTags (truncate body 150)}}</p>
但是，一旦我添加" 150“来截断，助手'stripTags‘就停止工作，并显示html，但确实将其截断为150个字符。由此：
J故事2我是婴儿马法着色书教会-钥匙，蒸汽腿8位标签umami tbh混合磁带冷却波。屠夫陈
浏览 3提问于2020-08-29得票数 2
使用Express和Don Park的HBS作为视图引擎，目的是对客户端和服务器代码使用相同的模板样式。然而，我遇到了一个小问题。
使用这里显示的index.hbs，
<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>
<div id="place"></div>
<script id="firstTemplate" type="text/x-handlebars-template">
<ul>
浏览 0提问于2011-08-27得票数 4
1回答
我正在尝试创建一个Node.JS网站，但我需要创建两个端点，以便我的物联网正常工作。目标是创建两个端点，一个POST端点，它在其中检索GET端点的JSON数据，以便在欢迎页面上加载预订的名字和姓氏。我如何才能做到这一点？
const express = require('express');
const path = require('path');
const hbs = require('express-handlebars');
// Moment.js
var moment = require('moment');
/
浏览 9提问于2018-09-07得票数 0
This是我的/forums页面
2019/2020 Premier League Forum
View
对于上面的代码，您可以看到href指向指向premierLeague.hbs的目录。
This是我的文件结构。
├── app.js
├── views/
│ ├── index.hbs
│ ├── forums.hbs
│ ├── login.hbs
│ ├── Leagues/
│ ├── EnglishDivision/
│ ├── PremierLeague.hbs
│
├── routes/
│ ├── Pages
浏览 0提问于2020-07-11得票数 1
2回答
我正在尝试在我的node express应用程序中添加一个到'/signup‘的路由。GET to '/‘工作正常，但'/signup’给出404 not found。
index.js和signup.js都在根文件夹中。
signup.hbs和index.hbs都在我的视图文件夹中。
index.js：
const express = require('express');
const engines = require('consolidate');
var signup = require('./signup');
浏览 5提问于2017-10-22得票数 0
我正在开发下面的Node.js and应用程序，带有用于模板和路由的把手和express。但是在app.get('/', function(){ ... })块中出现了一个问题。
问题是，当它运行时，它会显示为Cannot read property 'getData' of undefined at Object.<anonymous> (C:\Users\natha\Documents\GitHub\HAS\webUI\app.js:19:23)
var port = 3000,
fs = require('fs
浏览 1提问于2015-09-16得票数 0
我在Node.js中有一个应用程序，使用Expressjs和Handlebar作为模板引擎。
Expressjs使用布局，然后呈现视图。布局(layout.hbs)如下所示：
<!doctype html>
<html lang="en">
<head>
</head>
<body>
{{{body}}}
</body>
</html>
当您访问路由时，{{{body}}}将在node.js内的服务器端被替换。例如：
app.get('/', fu
浏览 2提问于2012-04-06得票数 34
回答已采纳
7回答
我运行ExpressJS并安装Handlebar作为模板引擎。我使用AdminLTE，并在/views/layouts中将其拆分为6个hbs文件。我将AdminLTE模板放在public文件夹中。
views/layouts
-- base.hbs // as defaultLayout
-- footer.hbs
-- head.hbs
-- js.hbs
-- nav.hbs
-- sidebar.hbs
每次尝试访问localhost时，在节点控制台上都会出现以下错误:3000
Error: The partial head could not be
浏览 2提问于2016-11-14得票数 7
我使用能运行shell文件的express和hbs在node.js中编写了以下web服务器，但是当我在web浏览器中输入这个url时，我一直收到以下错误
这里的 linux用户名被我的linux用户名所取代。
http://127.0.0.1:3000/run?file="/home/linux username here/nasServer/GameServers/minecraft/1.16.2 server/run.sh"
stderr: bash: <path to .sh file here>: No such file or directory.
ch
浏览 3提问于2022-04-22得票数 0
回答已采纳
1回答
我想将样式和js添加到我的车把文件中。我试图寻找不同的地方，但仍然无法找到解决办法。我尝试使用 partials 来存储样式表标记，然后将这些部分添加到车把中，但这也不起作用。(或者，如果有任何其他模板引擎，提供了更好的css支持，这也将为我工作)请帮助！
styles.hbs (部分文件)
<link rel="stylesheet" href="./../css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.c
浏览 5提问于2017-09-08得票数 3
希望你的回答:-)
app.js
var express = require('express');
var app = express();
var template = require('consolidate');
var handlebars = require('handlebars');
var bodyparser = require('body-parser');
app.use(bodyparser.urlencoded({extended: false}));
app.engine('hbs'
浏览 0提问于2016-07-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
