新しい環境でAngularJSスタイルが動作しない

Question

私はあなたの真剣な必要があります。

私のアプリケーションは古い環境で動作していますが、同じソースコードを新しい環境に移動しました。ソース・コードが同じであっても、スタイルシートとイメージを新しい環境にロードできないようです（推測しているようです）。

ご意見、ご協力をお待ちしております。私

いくつかの注意、

• 。古い作業環境はNodeJs 6.11、Angular2、および です。Angular-cli 1.0.0
• ii。新しい非稼動環境はNodeJs 8.4、Angular4および です。Angular-Cli 1.4.3
• iii。私はスタイルとロゴのローカル "アプリ/ CSS /ストラップ/ DIST/CSS/bootstrap.min.css"

期待最初のページにブートストラップを置きます。これはまだ古い環境で動作しています：

新しい環境では以下のような単純なマークアップがあります。すべてのスタイルと画像がなくなりました。右側のfirefoxコンソールは、それらがロードされていないことを示しました。それはWebpackの新しいバージョンに関連しますか？

私のコード - app.component.html

私の新機能していないpackage.json

私のindex.html

親切に助けてください。私はHTMLとAngularJSの初心者です。 もっと情報を提供する必要がある場合や、一部のモジュールをアップグレードする必要がある場合はお知らせください。

敬具、 自動実行

Answer 1

は角-CLIの最新バージョンで資産フォルダ内あなたのCSSスタイル、イメージおよびJavaScriptファイルを移動し

。

は、資産フォルダから以下のようなあなたのイメージを使用します。

<img alt="image" class="img-circle" src="assets/iamges/logo.png"> 

や変更があなたのporjectを再起動した後.angular-cli.json

"styles": [ 
    <!-- "assets/css/style.css" from assets folder --> 
    <!-- "../node_modules/bootstrap/dist/css/bootstrap.css" from node modules --> 
    "styles.css" 
], 
"scripts": [ 
    <!-- "../node_modules/jquery/dist/jquery.js" from node modules js files -->, 
    <!-- "../src/assets/js/javascript.js" from inside assets files--> 
], 

の内側に、あなたのスタイルシートとJavaScriptファイルを追加します。

Answer 2

これはChandruの答えを続けることです。できます。私の変更のスクリーンショットをご覧ください。コメントでスクリーンショットを投稿できないので、ここに投稿することをお勧めします。