angle-meteorのtypescriptをデバッグする方法

Question

Angular2のSociallyアプリの角流星チュートリアルに従った。基本的に（パッケージの依存関係を修正するいくつかの手作業の手順を経て）動作しますが、Chrome Dev Toolsでクライアント側のコードをデバッグできません。私は私の* .TSファイルのソースに移動すると、私が見るすべては、開発ツールで

module.export("default",exports.default=("<div> <ul> <li *ngFor=\"let party of parties\"> {{party.name}} <p>{{party.description}}</p> <p>{{party.location}}</p> </li> </ul> </div>")); 

その他の奇妙なことのようなものです：私のapp.tsは空白になっています。私は生のサフィックスを含むhtmlファイルを参照しています....（例：app.html！raw）。 ！生のサフィックスとは何ですか？その原因は何ですか？

どのように私のタイスクリプトをデバッグできますか？

Answer 1

質問の一部を手助けすることができます。

使用している流星のバージョンは言及していませんが、バージョン1.4または1.4.0.1と想定しています。 Meteorのこれらのバージョンでは、Typescriptファイルのソースマップに問題があるようです（おそらく、複数の抽出ステップを経なければならないためです）。 私は、バグがどこにあるのか（MeteorかTypescriptコンパイラパッケージ）はまだ分かりません。 これは、ギターの問題です：https://github.com/barbatus/typescript/issues/23

更新：この問題は修正されました。

今のところ私の提案は、1.3.x.xバージョンのMeteorに戻すことです。

$ meteor create --release 1.3.5.1 Socially 

（リリースのリストはである：https://github.com/meteor/meteor/releases）

「app.html」と「アプリ社会のチュートリアルのようなもののために、最も簡単なオプションは、作成時に流星のリリースを指定することです。 html！raw 'ファイルは、templateUrlと流星ビルドプロセスの使用に関する問題を回避する手段として、流星角コンパイラによって生成されます。私の理解では、好ましいアプローチは、インラインテンプレートを持っているか、このようなテンプレートをインポートすることであるということである。

// This import loads the content of the html file into 'template' 
import template from './app.html'; 

@Component({ 
    selector: 'app', 
    // Instead of templateUrl, use: 
    template,  // <--- 'template,' is syntactic sugar for: 'template: template,' 
    directives ... etc. 

import文は少し珍しいですが、この魔法は、すべてのHTMLに変換流星角度あらかじめコンパイラによって達成されますとCSSファイルをいくつかのjsファイルにコピーします。それは奇妙なものですapp.htmlとapp.html！rawです。

最初のアプリフォルダの面白い文字はバグのようです。流星はコンピュータの絵文字にputを生成しようとしますが、時にはこれが正しく処理されません。 Chrome、ChromeDevTools、Meteorのバグかどうかはわかりません。 （個人的に、私は彼らが絵文字を捨てたいと思っています）。