Angular-Cli、PrimeNG and angular-cli

Question

誰か助けてもらえますか：私はAngi-cliで作成されたAngularアプリケーションでPrimeNGを動作させようとしています。私は新しいアプリケーション（CLIで作成）にPrimeNGをインストールしましたが、スタイリングがうまくいかないことがあります。私はそれを試してみましたし、私は、角-cli.jsonファイルのスタイルアレイと、まだ今運にこれらを追加しようとした私のIndex.htmlと

href="../node_modules/primeng/resources/themes/omega/theme.css" 
href="/node_modules/primeng/resources/primeng.min.css" 
href="./assets/font-awesome-4.7.0/css/font-awesome.min.css" 

ノートに以下を追加する必要がPrimeNGのウェブサイトの状態。

"styles": [ 
     "styles.css", 
     "../node_modules/primeng/resources/themes/omega/theme.css", 
     "../node_modules/primeng/resources/primeng.min.css", 
     "./assets/font-awesome-4.7.0/css/font-awesome.min.css" 
     ] 

誰か助けてください。

ありがとうございます。

Answer 1

あなたのプロジェクトフォルダにはstyles.cssというフォルダがあり、これを試してみてください。

/* You can add global styles to this file, and also import other style files */ 
@import url('../node_modules/primeng/resources/themes/omega/theme.css'); 
@import url('../node_modules/primeng/resources/primeng.min.css'); 
@import url('../node_modules/font-awesome/css/font-awesome.min.css'); 
@import url('../node_modules/bootstrap/dist/css/bootstrap.min.css'); 

Answer 2

パスとファイルを確認する必要があります。これらの設定は古くなっている可能性があります。 たとえば、primeNG is deliveredとomega/theme.scssで、cssではありません。このファイルは、node_modulesディレクトリに存在しない可能性があります。

私は、角度-CLIで以下の設定を使用しましたし、それだけで正常に動作するようです：角度-CLI（ベータ-30）<style>タグとして、これらのファイルの内容を添付すること

"styles": [ 
    "styles.css", 
    "../node_modules/primeng/resources/primeng.css" 
    ] 

注意を。

また、私はここ数日（primeNGコンポーネントを使った角張ったプロジェクト）でも似たようなことをしました.-私の（工事中）demo repositoryを試してみましょう。スタイルにはprimeUIが使われます。このプロジェクトのangular-cli.jsonを見てみるとよいでしょう。