2016-09-30 7 views
1

Angular2 RC5でアプリケーションを作成しました。 RC5(webpackなし)ではすべて正常に機能しました。画像が期待どおりに表示されました。WebpackでAngular2の画像を使用する方法

Webpackと共にAngular 2.0.0の最終リリースにアップグレードした後、私のパブリックフォルダ内のイメージは、アプリケーションのどこでも動作しなくなりました。アップグレードは、Angular CLIを使用してWebpackでAngular2の新しい新規インストールを作成することによって行われました。

http://localhost:4200/images/thumbs/2016/09/16/IMG_3879.jpg 404 (Not Found) 

同じ正確なパスはRC5で正常に機能します。/public/imagesフォルダ(RC5で作業していた場所)や画像をどこに置くべきかを確認するには何が必要ですか?私は画像を呼び出しています私のテンプレートで

:いくつかのより多くの検索後

<img class="img-responsive" [src]="asset.thumb_local_path" > 

答えて

0

、画像フォルダがsrcフォルダまたは資産のフォルダのいずれかの中に置かなければならないようです。これはRC5のケースではありませんでした。すべての画像/動画/ etcを/ assetsフォルダに移動すると、ブラウザでその画像を見ることができました。

+0

現実世界では、画像の一部が 'Base64' URLで使用されています。 'url-loader'はイメージを' base64' urlに変換できます。したがって、画像ディレクトリ全体をコピーすることは理にかなっていません。画像サイズはどういう意味で「1kb」ですか?あなたは本当にこのためにサーバーにリクエストを送信したいですか? – novaline

関連する問題