2017-10-26 11 views
0

私のAngualr4アプリ内でPrimeNG Treeviewコントロールを使用しようとしています(ProjectはVisual Studio 2017 .Net core 2.0とAngularテンプレートを使用して作成されました)。必要なCSSの依存関係を読み込もうとすると404エラーが表示されます。 Font awesomeとPrimeNGの両方がインストールされていて、ファイルの場所が正確で、私は同じファイルを(node_modulesからではなく)ローカルフォルダにコピーしようとしましたが、まだ運がありません。またPrimeNg + Angular 2/4 - denpendenciesを読み込めません

<link rel="stylesheet" type="text/css" href="YOUR_PATH/font-awesome.min.css" /> 
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/themes/omega/theme.css" /> 
<link rel="stylesheet" type="text/css" href="/node_modules/primeng/resources/primeng.min.css" /> 

は、

{ test: /\.css$/, loader: ['style-loader', 'css-loader'], include: [/node_modules/] } 

誰もが同じような状況に遭遇webpack.config.jsするためのルールを追加してみましたか? PrimeNGのマニュアルにはAngular CLIのための説明があります。私のようなWebpackの設定ではありません。

ありがとうございます!このよう

答えて

0

試してみてください。

ステップ1:

npm install primeng --save 
npm install --save font-awesome 

ステップ2:

オープン

はWebPACKの次の手順を使用してプロジェクトにprimengスタイルを追加 style.cssファイルをプロジェクトに追加します。このファイルには、次の場所の project => src => style.cssが含まれています。以下のようなprimengとfont-awesomeスタイルを追加してください:

@import '~font-awesome/css/font-awesome.css'; 
@import '~primeng/resources/themes/omega/theme.css'; 
@import '~primeng/resources/primeng.min.css'; 
+0

私はwebpackを使用していますが、フォルダ構造にstyle.cssはありません。これらのファイルを参照する他の場所? boot.server.tsに追加しようとしましたが運がない –

関連する問題