Primeng funktioniert nicht mit angular2 CLI?

Question

Der Versuch, mit angular2 cli zu arbeiten und primeng aber mit Blick auf Fehler: -

http://localhost:4200/vendor/primeng/primeng 404 (nicht gefunden)

, was ich bisher getan haben: -

• npm installieren primeng

• In angular-cli-build.js Datei hinzufügen Pfad wie folgt: -

  (...) 
      'primeng/**/*.+(js|js.map)' 
      (...) 
  

• und in meiner Komponente wie folgt aus: -

  import {Calendar} from 'primeng/primeng'; 
  

aber immer Fehler primeng nicht gefunden wird, sollte ich haben, etwas anderes zu tun, um diese Arbeiten zu machen?

Answer 1

Hallo Sie müssen die Referenz von primeng in der Config

var map = { 
    ... 
    'primeng' :   'primeng/primeng' 
    ... 
}; 

    //packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
    ... 
    'primeng' :   {main : "<path of its js file>", defaultExtension : "js"} 
    ... 
    }; 

var config = { 
    // DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER 
    transpiler: 'ts', 
    typescriptOptions: { 
     tsconfig: true 
    }, 
    meta: { 
     'typescript': { 
     "exports": "ts" 
     } 
    }, 
    map: map, 
    packages: packages 
    } 

    System.config(config); 

})(this); 

hoffe, das hilft zu sorgen !!

Answer 2

Die akzeptierte Antwort ist für System.js Im auch durch Eingabe von

npm install --save primeng 

Später in appModule.ts stellen Sie sicher, Sie haben die folloing Importe primeNG mit Winkel cli und i installiert es als Abhängigkeit mit

import {ChartModule} from 'primeng/primeng'; 
import {DialogModule} from 'primeng/primeng'; 

und in der @NgModule Array von Importen, fügen sie als auch

imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    ChartModule, 
    DialogModule, 
    Ng2PaginationModule, 
    RouterModule.forRoot(appRoutes) 
    ], 

gezeigt