angular2で画像が見つかりません

私はangle2で新しいアプリケーションを構築していますが、angle-cliからコマンド（ng serve）を使用すると完全に機能していました。しかし、コマンド（ng buildまたはng build --prod）を使用してTomcatサーバーにアプリケーションを配置しようとすると、画像の一部が認識されませんでした。それはすべてではなく、私が特定のコンポーネントのバックグラウンドとして設定していたものだけでした。コードラインは以下の通りです：angular2で画像が見つかりません

<body [ngStyle]="{'background-image': 'url(' + '../../img/image1.jpg' + ') no-repeat fixed center' }"> 


<div class="panel col-lg-12" [ngStyle]="{'background-image': 'url(' + '../../img/image2.jpg' + ') repeat-x center'}">

私はngStyleずにCSSファイルでそれを設定しようとしましたが、それはどちらか動作しませんでした。それはサーブでうまく動作しますが、ビルドしようとすると動作しません。

また、ng buildに別の問題があります。ページをF5にしようとすると、パスを認識しません。リンクをクリックして他のページにリダイレクトしてもうまく動作しますが、URLバーにアドレスを入力しようとすると、ホームアドレス以外は機能しません。

出典

2016-11-16 Filipe Tabosa

画像がありませんdistng buildによって生成されたフォルダです。これをチェックしてくださいdistフォルダー。これはまだバグです。それが真の場合は、publicフォルダをコピーしてdistディレクトリに貼り付けてみてください。

希望すると、これが役立ちます。

出典

2016-11-16 20:04:57

ありがとうございました！それはうまくいった。私はこの問題を解決する別の方法を見つけることもできました。どうやら私のangel-cliバージョンは古くなっていた（私は2ヶ月前のようにインストールした）ので、私はそれを更新して、イメージのディレクトリを認識することができた。 –

ええ、私はもう一度それを実行しようとしたが、それはルートディレクトリにフォルダをコピーせずに動作しませんでしたが、そうすればうまく動作します。あなたの助けをもう一度ありがとう。 –

angular2で画像が見つかりません

答えて

関連する問題