7

由于我将 EmberJS 从 1.6.1 升级到 1.8.1,因此我正在开发的应用程序出现问题。它只发生在 Chrome 下。问题是,不知何故,我的模板在每个 html 节点周围都有很多额外的空间。可以这么说......而不是:

<div>
[tab]<span>Hello</span>
</div>

我得到这样的渲染:

<div>[ ][ ][ ][ ][ ][ ][ ][ ][ ]
[ ][ ][ ][ ]<span>Hello</span>[ ][ ][ ][ ]
</div>[ ][ ][ ][ ]

或者你会在这里看到它: 一个例子

这显然会破坏很多样式。有趣的是,当我从这种奇怪的构造中删除至少一个空格时,给定部分的样式神奇地又回来了(即使其他空格仍然存在)。

顺便提一下。我正在使用 ember-grunt-templates 0.4.21 来编译. 我知道它有新版本(我认为是 0.4.23 ......),我也尝试更新它,但它没有帮助。

我知道这里有提到:http: //emberjs.com/blog/2014/11/04/ember-1-8-1-released.html关于Chrome中的空白问题,但它说人们得到相反的结果由于 Chrome 中的一些错误,缺少空格的影响。;> 我的 Chrome 实例是在消耗和收集所有其他人的空格还是什么?:-)

有没有人遇到过类似的问题(比如我的,不像 Ember 发行说明中提到的那样)?任何人都知道如何摆脱这个?

更新1:

我试图更新到:

  • 余烬 1.9
  • 车把 2.0
  • Grunt-Ember-Templates 0.5 alpha

这修复了很少出现的空白问题,但有些仍然存在。即导致渲染文本前面有一个空格:

<span class="someClass">
    {{#if condition}}{{someProperty}}{{else}}{{t 'translationKey'}}{{/if}}
</span>

这不会:

<span class="someClass">{{#if condition}}{{someProperty}}{{else}}{{t 'translationKey'}}{{/if}}</span>

:-|

4

1 回答 1

1

原来是行尾编码相关的错误。我在这里报告了这个问题: https ://github.com/emberjs/ember.js/issues/9945

解决方案是确保行尾编码必须类似于 Unix。

于 2014-12-18T10:12:39.640 回答