我将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:
我试图更新为:
这样可以解决少数空白问题，但仍然存在。 IE。导致在呈现的文本前面有一个空格:
<span class="someClass">
{{#if condition}}{{someProperty}}{{else}}{{t 'translationKey'}}{{/if}}
</span>
那不是:
<span class="someClass">{{#if condition}}{{someProperty}}{{else}}{{t 'translationKey'}}{{/if}}</span>
:-|
最佳答案
事实证明这是与编码相关的错误的结尾。我在这里报告了这个问题:
https://github.com/emberjs/ember.js/issues/9945
解决方案是确保行尾编码必须类似于Unix。
关于google-chrome - Ember JS 1.8.1 + Chrome-其他空格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27501299/