7

EmberJS を 1.6.1 から 1.8.1 にアップグレードしたため、作業中のアプリに問題があります。Chrome の下でのみ発生します。問題は、どういうわけか、各 html ノードを囲む多くの追加スペースでテンプレートがレンダリングされていることです。つまり...代わりに：

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

私はこのようなものをレンダリングします:

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

または、ここに表示される場合もあります。 例

それは明らかにスタイリングを大きく壊します。面白いことに、このような奇妙な構成から少なくとも 1 つのスペースを削除すると、魔法のように特定のセクションのスタイルが元に戻ります (他のスペースがまだ残っている場合でも)。

言及するだけです。コンパイルに 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 インスタンスは、他のすべての人の空白を消費して収集していますか? :-)

誰かが同様の問題に遭遇しましたか? 誰でもこれを取り除く方法を知っていますか?

更新 1:

私はに更新しようとしました：

  • エンバー 1.9
  • ハンドルバー 2.0
  • Grunt-Ember-Templates 0.5 アルファ

これにより、空白の問題の発生はほとんど修正されませんが、一部はまだ存在しています。つまり、レンダリングされたテキストの前にスペースができます。

<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 に答える