Angular-cli + primeng require n'est pas défini

Question

J'utilise angular-cli@1.0.0-beta.14 (webpack) et primeng@1.0.0-beta.15.

Après créer un nouveau projet angulaire cli i fait quelques modifications pour ajouter primeng:

1 sur package.json:

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

2 sur cli.json angulaire:

"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" ] 

3 sur app.module.ts:

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

Problème:

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

Toute aide à ajouter à primeng angulaire cli ... allons-nous bien! :)

Answer 1

Donc à peu près tout ce que vous avez là-bas a l'air bien. Le problème réside dans le fait que vous essayez d'inclure primeng en tant que balise de script (qui est pour les bibliothèques globales comme jQuery). Mais depuis primeng déploie des modules, vous pouvez simplement l'importer dans votre module, puis fournir que vos NgModule comme ceci:

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

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

Et vous aurez également besoin de supprimer la référence à primeng.js de votre-cli angulaire .json