PrimeNGスタイルシートが見つかりません

Question

私が作成したばかりのプロジェクトに問題があります。何らかの理由でPrimeNGのスタイルシートをインポートしようとしたときに404エラーが発生しました。私はそれが私のプロジェクトの構成と関係しているかどうかわかりません。

私はAngular Class WebPack Starterを使用しています。私はPrimeNGを追加しましたが、上記のように404エラーが発生しています。それはあまり意味はありませんが、スタイルシートがnode_modulesフォルダにあるという事実に関係していると思われます。テストの結果、.cssというファイルがnode_modulesというフォルダにあり、見つかりませんでした。しかし、私の "グローバル"フォルダに公共の資産を入れるとファイルが見つかりました。テストスタイルシートやテストスタイルシートと

スクリーンショットがpublicフォルダに移動PrimeNGテーマと

は、私が知っているPrimeNGをテーマにした

スクリーンショットそれは些細な問題ですが、私はfiすることはできませんどんな情報でも。私もPrimeNG's setupページを見てきましたが、違いはありませんでした。

Answer 1

Angular2アプリで同じ問題が発生し、.cssファイルを直接main.tsスクリプトにインポートすることで回避できます。

この投稿は、私を助け：Example of how to load static CSS files from node_modules using webpack?

私はちょうど上記の記事で指示に従って、私のmain.ts.にこれを追加しました

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

import 'primeng/resources/themes/afterdark/theme.css'; 
import 'font-awesome/css/font-awesome.min.css'; 
import 'primeng/resources/primeng.min.css'; 

import { AppModule } from './modules/app.module'; 
const platform = platformBrowserDynamic(); 
platform.bootstrapModule(AppModule); 

これが役に立ちます。

Answer 2

プロジェクトをビルドするために、角-cliを使用している場合、私は、次の手順を実行し、cssファイルの欠落に関連した同じ問題に直面していました：

1-編集プロジェクトの角度-cli.jsonファイルを

次のように必要なCSSファイルを追加して、[2つのスタイルを更新]セクションを作成します。

"styles": [ 
    "styles.css", // default generated one 
    "../node_modules/primeng/resources/themes/omega/theme.css" , //primeng css 
    "../node_modules/primeng/resources/primeng.css" //primeng css 
]