2017-04-12 10 views
0

enter image description here私はAngular2アプリを作りましたが、すべてうまくいきます。今、私はfont-awesomeを含めました。そして、私がアプリをバンドルしたとき、それは画像に示されたエラーを与えます。 woffおよびwoff2ファイルを読み込むことができません。 私のスタイルは以下のように見える - 絵がどこにあるかAngular-Cli-フォントをすばやくまとめることができません

  "styles": [ 
     "styles.css", 
      "../node_modules/font-awesome/css/font-awesome.css", 
      "../node_modules/primeng/resources/primeng.min.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/fullcalendar/dist/fullcalendar.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
     ], 

enter image description here

+0

によってそれを修正? – Aravind

+0

ただ更新しました。 – indra257

+0

あなたの質問にあなたのモジュールでそれをどのようにインポートしているのか、あるいは人々が手助けできないものを含める必要があります。 – developer033

答えて

0

フォルダ構造は、角度の最近のバージョンで変更されているとして、あなたは間違ったパスを参照する必要があります

"styles": [ 
    "styles.css", 
     "node_modules/font-awesome/css/font-awesome.css", 
     "node_modules/primeng/resources/primeng.min.css", 
     "node_modules/primeng/resources/themes/omega/theme.css", 
     "node_modules/fullcalendar/dist/fullcalendar.css", 
     "node_modules/bootstrap/dist/css/bootstrap.min.css" 
    ], 
+0

しかし、私がサーブしてすべてのアイコンが正しく表示され、コンソールも空の場合はうまく動作します。問題は私がビルドする時だけです。 – indra257

+0

この回答をお試しいただきましたか? – Aravind

+0

はい。それはエラーを投げる。相対パスを解決できなかったためです。また、あなたの参照のための質問にProject structure screenshotを追加しました。 – indra257

関連する問題