2016-05-25 10 views
4

Angular2ウェブパックスターター(https://github.com/AngularClass/angular2-webpack-starter)に基づいて、プロジェクト内でPrimengスケジュール(http://www.primefaces.org/primeng/#/schedule)を使用します。Angular2ウェブパックを使用したPrimengスケジュール

Primengスケジュールはfullcalendar.js(jQueryプラグイン)に依存しているので、webpackを通じてfullcalendarとjQueryをロードしようとしています。私はここ(https://github.com/cagataycivici/angular2-webpack-starter)の例に従っています。 package.json

、私は"devDependencies"

"fullcalendar": "^2.7.2", 
"jquery": "^2.2.4", 
"jquery-ui": "^1.10.5", 

vendor.js

import 'script!jquery/dist/jquery.min.js'; 
import 'script!moment/moment.js'; 
import 'script!fullcalendar/dist/fullcalendar.js'; 

に以下の追加設定に以下の設定を追加しましたしかし、問題はPrimengスケジュールがあっても、Webページにレンダリングされていないということです<p-schedule></p-schedule>タグが実際にそこにあります。私は何か見落としてますか?

+0

にこれらを追加し、角度-cli.jsonを変更する必要があります。それは私の間違いであることが判明しました。対応するコンポーネントのディレクティブフィールドに 'Schedule'を追加した後、それが表示されます。そして、 'CopyWebpackPlugin'に '{ :' node_modules/fullcalendar/dist/fullcalendar.min.css '、 を' assets/fullcalendar/dist/fullcalendar.min.css ' }と追加してCSSを適用します。 –

+2

あなたのアプリケーションの重要な部分を私と共有しても構いませんが、webpack angular 2のシードで作業するスケジュールを取得しようとしていますが、私の人生にとってはうまく動作しません。 ngprimeとスケジュールコンポーネントに関連する部分だけ?非常に感謝しています – 3uPh0riC

答えて

0

あなたは気にしないで角度-cli.jsonファイル

"styles"   : [ 
       "../node_modules/fullcalendar/dist/fullcalendar.min.css", 
       "../node_modules/primeng/resources/primeng.min.css", 
       "../node_modules/primeng/resources/themes/omega/theme.css" 
      ], 
      "scripts"   : [ 
       "../node_modules/jquery/dist/jquery.js", 
       "../node_modules/moment/min/moment.min.js", 
       "../node_modules/fullcalendar/dist/fullcalendar.js" 
      ], 
関連する問題