Angular-cli + primeng requireは定義されていません

Question

私はangular-cli@1.0.0-β14（webpack）とprimeng@1.0.0-β15を使用しています。

私はprimeng追加するには、いくつかの変更を加えた新鮮な角度-CLIプロジェクトを作成した後：

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

：アンギュラcli.jsonに

"primeng": "^1.0.0-beta.15" 

2：

1 package.jsonにapp.module.ts上

3：

@NgModule({ declarations: [ AppComponent ], 
imports: [ BrowserModule, FormsModule, HttpModule, PanelModule ], 
providers: [], bootstrap: [AppComponent] }) export class AppModule { } 

問題：角度-cliの...我々は素晴らしいだろうにprimengを追加する

Uncaught ReferenceError: require is not defined Unexpected value 'undefined' imported by the module 'AppModule'

すべてのヘルプ！ :)

Answer 1

so ちょうど約そこにあるものはすべてよく見えます。

問題は、primengを（jQueryのようなグローバルライブラリのための）scriptタグとして含めることを試みていることにあります。 primengは、モジュールをデプロイするので、しかし、あなたは単にあなたのモジュールでそれをインポートしてから、このようなあなたのNgModuleにそれを供給することができます：

import { ButtonModule } from 'primeng/components/button/button'; 

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    ButtonModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

をそしてまた、あなたの角度-CLIからprimeng.jsへの参照を削除したいと思います.json