2016-02-29 9 views
6

Webpackの下でPrimeNGを動作させる方法を知っている人は誰ですか?PrimeNG(PrimeUI)+ Webpack + angular2 + typescript

我々はangular2-webpack-starter上のプロジェクトを持っていますが、PrimeNGは、例えばとしましょう...ちょうどSystem.jsローダー

と私はPrimeNGが細かいロードしているポイントを得るが、私はPrimeUIライブラリと成功を得ることができますTODO持っていますファイルprimeng/components/togglebutton/togglebutton.ts

エラーTS2503:名前空間 'PrimeUI'が見つかりません。 ...togglebutton.ts

declare var PrimeUI:any; 

と私のwebpack.config

plugins: [ 
    new webpack.ProvidePlugin({ 
    PrimeUI: 'primeui', 
    }) 
    . 
    . 
], 

中で

私もtried magic formula宣言を持つが、私は

import * as PrimeUI from 'primeui'; 
ような何かをしようとした場合

エラーTS2307: 'primeui'モジュールが見つかりません。

私はちょうど私がnpm install primeuiprimeuiをした思い出させるあなたは上のエラーを取得している場合は、すべての依存関係

+0

を行う必要があり

import * as PrimeUI from 'primeui'; 

おそらくcommon.jsに切り替わり、すぐにwebpackでサンプルのクイックスタートを提供します。 PrimeUIのd.tsはhttps://github.com/primefaces/primeng/blob/master/showcase/resources/primeui/primeui.d.ts –

+0

にあります。PrimeNGは0.6.0以降のcommonjsを使用します –

+0

PrimeNGは稼動していますか? PrimeNGとPrimeUIのロードは私のために働いていますが、私はJQueryエラーを受け取ります。 – sigi

答えて

1

node_modulesに存在している:あなたは

declare module 'primeui' { 
    var foo:any; 
    export = foo 
} 
+0

ありがとうございます。「declare module ..」はどこですか? – m1uan

+0

ファイル 'global.d.ts'にあります。 – basarat

関連する問題