Angular2インポート絶対パスまたはカスタムパス（typescript 2）

Question

angle2プロジェクトでは、すべてのモデルのtsファイルを特定のフォルダ/ app/common/model/*に配置します。 親戚のパスで私のコンポーネントでそれらを呼び出すことはできますが、非常に面倒です。 2つのソリューションは、カスタムパスがベストです：StackOverflow: Relative Paths for SystemJS & ES module imports。 しかし、私のIDEはパスを見つけることができません。ここに私のTSconfigは次のとおりです。

私のコンポーネントで

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true, 
    "outDir": "built", 
    "baseUrl": ".", 
    "paths": { 
     "mymodel/*": [ 
     "app/common/model/*" 
     ] 
    } 
    } 
} 

： import { Address } from 'mymodel/address.model';

IDE：[TS]モジュールを見つけることができません.... 私はパス

第二の溶液中でまたは*なしで試してみました： Stackoverflow: Angular 2, imports between different folders

IDEとコンパイルは、コンポーネント内のフルパスで、OKです： import { Address } from 'common/model/address.model';

とのTSconfig：

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": true, 
    "suppressImplicitAnyIndexErrors": true, 
    "outDir": "built", 
    "baseUrl": ".", 
    "paths": { 
     "*": [ 
     "app/*", 
     "node_modules/*" 
     ] 
    } 
    } 
} 

しかし、我々はすべてのモデルのページの負荷に404を持っています。 おそらくsystemjsファイルの設定ですか？

どちらの場合でも、私は "outdir"パラメータが問題であり、何かが欠けていると思います。

多くのご協力ありがとうございます！

よろしく、

活字体：2.0.6 角度：2.0.0

Answer 1

インターネット上で検索nはまさに問題と異なるトラブルシューティングのオプションを試すを理解しようとすることで苦労した後、私はbaseUrlにを知るようになりましたとパスはどのように一緒に

注意を動作します。このソリューションは、角度のCLI 1.1のためであります。他のツールについてわからない

baseUrlを使用する場合： "。"限り私の理解と私の作業のアプリを

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": ".", 
    "paths": { 
     "@myproject/*": ["src/app/*"] 
    }  
} 

をコンパイルし角度AIOコードで確認しながら、それはVScodeで動作ではなく、下のようなは、私がbaseUrlにとして使用することをお勧め：「」

以下のようなSRCを

{ 
    "compileOnSave": false, 
    "compilerOptions": { 
    "outDir": "./dist/out-tsc", 
    "baseUrl": "src", 
    "paths": { 
     "@myproject/*": ["app/*"], 
     "testing/*": ["testing/*"] 
    }  
} 

ベースURLをソース（srcディレクトリ）として持つことにより、コンパイラはモジュールを適切に解決します。

私はこれが人々にこの種の問題を解決するのに役立つことを願っています。