J'essaie de configurer PrimeNG dans mon projet Angular2 basé sur angular2-webpack-starter (https://github.com/AngularClass/angular2-webpack-starter).PrimeNG avec Angular2-webpack-starter
J'ai installé PrimeNG et PrimeUI à l'aide NPM installer, puis ajouté typages nécessaires en tant que dépendances ambiantes:
"jquery": "github:DefinitelyTyped/DefinitelyTyped/jquery/jquery.d.ts#470954c4f427e0805a2d633636a7c6aa7170def8",
"jqueryui": "github:DefinitelyTyped/DefinitelyTyped/jqueryui/jqueryui.d.ts#a3a5cd5554dc2c0ff8955d1db0673879af3095bc",
"primeui": "github:primefaces/primeui/primeui.d.ts#7640bc59a3634e501634655217fdd413bed6d003",
Tout d'abord, j'ai eu un problème avec la saisie jquery. Il me donne l'erreur suivante:
Subsequent variable declarations must have the same type. Variable '$' must be of type 'cssSelectorHelper', but here has type 'JQueryStatic'.
Je résolus en commentant les lignes suivantes dans typings/browser/ambient/jquery/index.d.ts
:
declare module "jquery" {
export = $;
}
declare var $: JQueryStatic;
Maintenant, je suis en train d'importer primeui-ng-all.min.js
dans les fichiers vendor.ts
en utilisant la commande import "primeui/primeui-ng-all.min.js";
. Cependant, je reçois l'erreur suivante:
Module not found: Error: Cannot resolve module 'jquery-ui' in .../angular2-webpack-starter/node_modules/primeui @ ./~/primeui/primeui-ng-all.min.js 8:23135-23167
Est-ce la bonne façon d'inclure PrimeNG dans angular2-webpack-démarreur? Comment devrais-je résoudre ce problème? Et peut-être comment devrais-je importer d'autres fichiers requis par PrimeNG, comme les feuilles de style.
Il existe ici un exemple PrimeNG + WebPack. https://github.com/primefaces/primeng-quickstart-webpack –
Voici un fork de angular2-webpack-starter qui ajoute PrimeNG pour l'interface utilisateur. https://github.com/cagataycivici/angular2-webpack-starter –