Angular2の読み込みイメージ

Question

私は、angle2のアプリにイメージ、スクリプト、またはCSSを含めることに問題があります。 私は、フォルダ/app-name/img/image.jpgでイメージを持っていると/app-name/src/app/my-component/my-component.component.html に<img>タグがある：私はページをロードすると、私はエラーを取得

<img src="../../../img/image.jpg"> 

： GETをhttp://localhost:4200/img/image.jpg 404（見つかりません）angular2内のURLアドレスを作成する方法

？同じ問題は、index.htmlにscript urlを追加したときです。

アドバイスありがとうございます。

Answer 1

にプロジェクトをビルドするために、角-CLIを使用している場合のように、他の目的です。

アウトプット（デプロイ可能）ディレクトリにコピーする必要があるアセットのリストにimgディレクトリを含める必要があります。 .angular-cli.jsonファイルで

、以下の配列にimgディレクトリを追加します。

apps[0].assets 

そして、あなたのような

<img src="img/image.jpg"> 

の下に使用することができ、それは

"apps": [ 
{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "img" 
    ], 

Answer 2

あなたsrcフォルダにあなたのimgフォルダが含まれていなかったようですが、そうそこにそれを入れて、一般的に/img/image.jpg

にごsrc属性値を調整してみてください 、そうです：あなたはあなたの中に使用することを確認し、すべてを作りますアプリケーションはsrcフォルダにあります。そのコンテンツ（とそのコンテンツのみ）は最終的には処理され（トランジスター、バンドル、ミニ化されたものなど）、最終的にはウェブサーバーで処理されます。

srcフォルダの外の他のすべてのファイルは、設定ファイル、node_modules、distのフォルダとその