Ember JS 1.8.1 + Chrome - 額外的空白

Question

我在應用程序中遇到了一個問題， 因為我將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>

： - |

Answer 1

事實證明這是一個結束編碼相關錯誤的行。 我在這里報告了這個問題： https ： //github.com/emberjs/ember.js/issues/9945

解決方案是確保行結束編碼必須類似於Unix。