javascript - Node Handlebars 在渲染 View 之前添加额外的文本 Node

Question

我有以下问题:在带有 Handlebars 的布局中渲染 View 时，引擎会在渲染的 View 主体之前添加一个额外的文本 Node

<nav></nav>
{{{body}}}
<footer></footer>

结果

<nav></nav>
"
[empty text node here]
                      "
<rendered view>
<footer></footer>

那个空文本 Node 有自己的高度，破坏了我的 CSS 边距和填充。请注意，如果我将 View HTML 直接放在布局中而不使用 handlebars 模板，则没有文本 Node ，一切都很好。

知道为什么会发生这种情况以及如何解决吗？

Answer 1

@leoyoo 的回答是正确的。我正要发布同样的问题并找到了这个。

在 Chrome 上，源显示空白字符，如下所示(红点):

...并字符串化为

我在 Visual Studio 上，这是保存文件时的默认设置:

当我将其更改为没有签名的 UTF-8 时(如下所示)，空白字符消失了。

在 Visual Studio 上，您执行:File>>Save fileName.ext As，然后在 Save 按钮旁边下拉。