由于我将 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>
:-|