angular - Angular2 の相対テンプレート パスとモジュール形式

Question

Angular 2 では、相対パスで テンプレートをサポートするmoduleId: module.idには、コンポーネント デコレーター内で設定する必要があります。（こちらをご覧ください）

「問題」は、プロジェクトを commonjs 形式でコンパイルする必要があることです。他のモジュール形式ではどうすればよいですか? （systemjsのように）

Answer 1

これは重複しています: Using relative path for templateUrl in Angular2 Component with SystemJS

とにかく、一言で言えば：

SystemJS は CommonJS をサポートしているため、commonjs に設定するだけで済みます。ただし、module.id は TypeScript によって認識されませんが、存在します。したがって、宣言ファイルを追加する必要があります。

tsconfig.json

"module": "commonjs",

typings.d.ts

declare var module: { id: string };

angular-cli がどのようにプロジェクトを生成するかをよく見てみるとよいでしょう。