templateUrlとstyleUrlsのAngular2相対パス？

Question

検索中に、moduleIdという名前のファイルが見つかりましたが、テンプレートとCSSファイルの相対パスを設定しましたが、angular2のコンポーネントでmoduleIdを使用する方法は正確にわかりません。

実際には、問題は私のフォルダ構造にあります。distフォルダからすべての.jsファイルをロードしていますが、ビュー（.htmlファイル）はsrcフォルダにあります。だから、この角度のようなmoduleId: module.idを使うと、srcフォルダではなく、distフォルダからのパスが取られました。

私のコンポーネントangualr2にカスタムmoduleIdを設定する方法を教えてもらえますか？

このような私のフォルダ構造。

        App 
            /\ 
           /\ 
      (.js + .map files)Dist Src(.ts + .html + .css files) 

• フォルダディストは、すべての.MAPとの.jsファイル
• フォルダのsrcが全て.TS、.HTML、との.cssファイルをcontaines containes。

実際の符号化（作業） -

@Component({ 
    selector: 'class-timing', 
    templateUrl: 'src/components/TimeTable/class-timing/class-timing.html', 
    styleUrls: ['src/app.css'] 
}) 

が（誤ったパスに動作していない）のコーディング修正 -

@Component({ 
    selector: 'class-timing', 
    templateUrl: 'class-timing.html', 
    moduleId: module.id, 
    styleUrls: ['src/app.css'] 
}) 

私も持っていた、このチュートリアルに http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/

Answer 1

は、このような実行時にファイルをインポートする（srcからdistへ）のパスを変更することで、私の問題を解決しました： -

moduleId: module.id.replace("/dist/", "/src/") 

そうすることであなたは、モジュールIDのパスのディレクトリを変更することができます。このawesome comment

PS用@Nicolaiへ

感謝： - 答えとして投稿が誰か

Answer 2

を参照TemplateUrlパスでうまくいけばうまくいかなかったことについていくつかの質問があります。私は次のように私のテストでは本当だったが見つかりました：

templateUrl：「/フォルダ名/ファイル名」

templateUrlを動作しませんでした：「フォルダ名/ファイル名は」

templateUrlを動作しませんでした " ./folder name/file name 'DID work

あなたはそれを試してみるかもしれません。