sudheerj / generator-jhipster-primeng Goto Github PK

The carousel is broken during initial loading with length property of undefined.(due to mobile dropdown)

Error description:

CarouselDemoComponent.html:1 ERROR TypeError: Cannot read property 'length' of undefined
at Carousel.updateMobileDropdown (carousel.js?9b24:97)
at Carousel.render (carousel.js?9b24:115)
at Carousel.ngAfterViewChecked (carousel.js?9b24:71)
at callProviderLifecycles (core.es5.js?de3d:11185)
at callElementProvidersLifecycles (core.es5.js?de3d:11157)
at callLifecycleHooksChildrenFirst (core.es5.js?de3d:11141)
at checkAndUpdateView (core.es5.js?de3d:12246)
at callViewAction (core.es5.js?de3d:12603)
at execComponentViewsAction (core.es5.js?de3d:12535)
at checkAndUpdateView (core.es5.js?de3d:12244)

All font-awesome icons usage should be changed from icon="fa-check" to icon="fa fa-check" etc

Steps to reproduce (JHipster 4.14.1 with Angular 5):

yo jhipster-primeng
...

ERROR in [at-loader] ./src/main/webapp/app/primeng/fileupload/fileupload/backend/fake-backend.ts:19:110
    TS2307: Cannot find module '@angular/http'.

Hi Sudheerj

I tried to update generator-jhipster-primeng with npm update -g generator-jhipster-primeng
but i am getting npm ERR! cb() never called!

any idea why this is happening?

Thanks in advance

BR
Dias

Hi there. Eager to try out this generator, I fail to get the project to run.

Created a new jhipster project, ran jhipster-primeng afterwards. Selected all available primeng components there are, end up with this:

`Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:77 [WDS] Hot Module Replacement enabled.
webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:144 [WDS] Warnings while compiling.
msgWarnings @ webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:144
webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:147 ./node_modules/primeng-extensions/components/wizard/step.component.ts
[15, 13]: Type boolean trivially inferred from a boolean literal, remove type annotation
[4, 15]: The selector of the component "StepComponent" should have prefix "jhi" (https://angular.io/styleguide#style-02-07)

@ ./node_modules/primeng-extensions/components/wizard/wizard.module.ts 11:23-50
@ ./src/main/webapp/app/primeng/misc/blockui/blockuidemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main
msgWarnings @ webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:147
webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:147 ./node_modules/primeng-extensions/components/wizard/steps.component.ts
[28, 27]: Type number trivially inferred from a number literal, remove type annotation
[19, 63]: trailing whitespace
[80, 25]: Identifier 'selected' is never reassigned; use 'const' instead of 'let'.
[77, 21]: Identifier 'curIndex' is never reassigned; use 'const' instead of 'let'.
[75, 18]: Identifier 'prop' is never reassigned; use 'const' instead of 'let'.
[16, 15]: The selector of the component "StepsComponent" should have prefix "jhi" (https://angular.io/styleguide#style-02-07)

@ ./node_modules/primeng-extensions/components/wizard/wizard.module.ts 12:24-52
@ ./src/main/webapp/app/primeng/misc/blockui/blockuidemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main
msgWarnings @ webpack-internal:///./node_modules/webpack-dev-server/client/index.js?http://localhost:9060:147
webpack-internal:///./src/main/webapp/app/app.main.ts:12 Error: StaticInjectorError[NgZone]:
StaticInjectorError[NgZone]:
NullInjectorError: No provider for NgZone!
at _NullInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1190)
at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1478)
at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1420)
at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1291)
at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1478)
at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1420)
at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1291)
at resolveNgModuleDep (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11080)
at _createClass (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11125)
at _createProviderInstance$1 (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11091)
(anonymous) @ webpack-internal:///./src/main/webapp/app/app.main.ts:12
www.gstatic.com/recaptcha/api2/r20171212152908/recaptcha__en.js:381 ReCAPTCHA couldn't find user-provided function: initRecaptcha
js:38 Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://localhost:9000/`

I understand the Google Maps API error, the rest I don't understand.

Here's my .yo-rc.json:

{
"generator-jhipster": {
"promptValues": {
"packageName": "com.mycompany.myapp",
"nativeLanguage": "de"
},
"jhipsterVersion": "4.13.1",
"baseName": "test",
"packageName": "com.mycompany.myapp",
"packageFolder": "com/mycompany/myapp",
"serverPort": "8080",
"authenticationType": "jwt",
"cacheProvider": "ehcache",
"enableHibernateCache": true,
"clusteredHttpSession": false,
"websocket": false,
"databaseType": "sql",
"devDatabaseType": "h2Disk",
"prodDatabaseType": "postgresql",
"searchEngine": "elasticsearch",
"messageBroker": false,
"serviceDiscoveryType": false,
"buildTool": "maven",
"enableSocialSignIn": false,
"enableSwaggerCodegen": false,
"jwtSecretKey": "4ed7cd98930b041b3d231e852649e7dbed094031",
"clientFramework": "angularX",
"useSass": true,
"clientPackageManager": "yarn",
"applicationType": "monolith",
"testFrameworks": [],
"jhiPrefix": "jhi",
"otherModules": [
{
"name": "generator-jhipster-primeng",
"version": "2.0.18"
}
],
"enableTranslation": true,
"nativeLanguage": "de",
"languages": [
"de",
"en"
]
}
}

I have tried this in a myriad of ways and with the latest jhipster from yarn (4.9) and latest latest jh-primeng, still getting the same error. I have even tried including all components.

Welcome to the JHipster primeng generator! v0.0.74

? Do you want to install PrimeNG? Yes
? Which theme would you like to use? Omega
? Which components you would like to include? inputs
events.js:160
      throw er; // Unhandled 'error' event
      ^

TypeError: this.copyExternalAssetsInWebpack is not a function
    at constructor.writing (/home/dev/.config/yarn/global/node_modules/generator-jhipster-primeng/generators/app/index.js:646:14)
    at Object.<anonymous> (/home/dev/.config/yarn/global/node_modules/generator-jhipster/node_modules/yeoman-generator/lib/index.js:399:25)
    at /home/dev/.config/yarn/global/node_modules/run-async/index.js:25:25
    at /home/dev/.config/yarn/global/node_modules/run-async/index.js:24:19
    at self.env.runLoop.add.completed (/home/dev/.config/yarn/global/node_modules/generator-jhipster/node_modules/yeoman-generator/lib/index.js:400:11)
    at runCallback (timers.js:672:20)
    at tryOnImmediate (timers.js:645:5)
    at processImmediate [as _immediateCallback] (timers.js:617:5)

Fresh install -
upgraded jhipster
fresh install generator-jhipster-primeng
did yo jhipster-primeng
did npm install
./mvnw
yarn start

Hi there I've generated jHipster code using generator 4.9.0 and client have .css file and while I'm doing yo jHipster-primeng, i'm facing this issue. I'm unable to understand the cause of this issue why its searching for vendor.scss????? my client have vendor.css file. Please help

...*npm\node_modules\generator-jhipster-primeng\generators\app\index.js:238
if (err) throw err;
^

Error: ENOENT: no such file or directory, open 'F:\work.spaces\JHipster\jhipster4.9-app\src\main\webapp\content\scss\vendor.scss'
at Error (native)

I'm using window 10 + chrome

On version 2.0.16 of the jhipster-primeng, package.json contains the primeng-extensions with version 0.0.17, which is not available during yarn install, after adding PrimeNG on a latest jHipster version 4.13.1.

I had to select an available version.

Hi Sudheerj,

Is it possible to adapte your generator-jhipster-primeng in order to be able to to convert a new generated (or may be a customized) Jhipster application from
Bootstrap into primeng ? It's for sure a question of effort, but is this feasible with reasonable effort?

This would be a great feature ;-)

Thanks in advance

Cheers
Dias

I created a JHipster Monolithic app.
I followed the instruction at https://www.npmjs.com/package/generator-jhipster-primeng to add PrimeNg to that app but when I launch it I get the following error in the console of the browser:

Unexpected value 'WizardModule' imported by the module 'MyModule'. Please add a @NgModule annotation.

In order to be able to launch the app properly I had to remove 'WizardModule' everywhere.
It is only my problem or something else?

Hi Sudheer

I would first of all like to thank you for your effort. I am really waiting for this integration to be completed.

Kindly help me to understand if I can start using this generator or this is not complete?

Hello sudheerj ,

I tried to add primeng in my jhipster app following exactly the readme file (both with yarn and npm) but I could not get the success page :-(

I added @angular/http to package.json that was missing.

i18 and SASS are on. Angular 5.

So I get this error below - any hint?

ERROR in ./node_modules/css-loader!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss Module not found: Error: Can't resolve 'primeng-extensions/resources/primeng-extensions.min.css' in '/home/tchr/Projects/tagv/atlas/src/main/webapp/content/scss' @ ./node_modules/css-loader!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss 4:10-126 @ ./src/main/webapp/content/scss/vendor.scss @ ./src/main/webapp/app/vendor.ts @ ./src/main/webapp/app/app.module.ts @ ./src/main/webapp/app/app.main.ts @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

Thank you,

Theodore

Hi,

I am getting the following error when I am installing the module with the JHipster Version 5.0.1. A similar issue is mentioned here for another module: jhipster/generator-jhipster-entity-audit#96

events.js:183
throw er; // Unhandled 'error' event
^

TypeError: this.getAngular2AppName is not a function
at constructor.writing (/Users/deshetti/.config/yarn/global/node_modules/generator-jhipster-primeng/generators/app/index.js:1081:37)
at Object. (/Users/deshetti/.config/yarn/global/node_modules/generator-jhipster/node_modules/yeoman-generator/lib/index.js:399:25)
at /Users/deshetti/.config/yarn/global/node_modules/run-async/index.js:25:25
at new Promise ()
at /Users/deshetti/.config/yarn/global/node_modules/run-async/index.js:24:19
at self.env.runLoop.add.completed (/Users/deshetti/.config/yarn/global/node_modules/generator-jhipster/node_modules/yeoman-generator/lib/index.js:400:11)
at runCallback (timers.js:810:20)
at tryOnImmediate (timers.js:768:5)
at processImmediate [as _immediateCallback] (timers.js:745:5)

Thanks,
Shashi

After generating a simple monolithic app where I added the generator-jhipster-primeng from the marketplace nothing showed up in the menus. Ie. no "primeng" menu.
Then I ran "yo jhipster-primeng" 1.0.5 and specified theme "Omega" and "Component groups" and selected all components.
This cause the generator to specify the following output:

`WARNING the function copyExternalAssetsInWebpack is missing, you need to add the missing resource path in webpack.common.ts:

• inside CopyWebpackPlugin function of webpack.common.ts file: { from: './src/main/webapp/content/primeng', to: 'content/primeng'}
  WARNING the function addExternalResourcesToRoot is missing, you need to add the missing resource path in the head section of index.html file:
  Add the resources- <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
  
  <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptcha" async defer></script>
  <script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>
  <script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyA6Ar0UymhiklJBzEPLKKn2QHwbjdz3XV0" ></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>

The File src/main/webapp/content/scss/vendor.scss doesn't exist!`

After running "./mvnw" nothing showed up. While keeping this process running, I started "npm start" and saw more components being downloaded/compiled. Finally I received this error:
ERROR in ./src/main/webapp/app/primeng/data/gmap/gmapdemo.component.scss Module parse failed: /Users/tchristensen/Projects/tryouts/jhipster/brazil/src/main/webapp/app/primeng/data/gmap/gmapdemo.component.scss Unexpected token (5:0) You may need an appropriate loader to handle this file type. | */ | | .dimensions{ | width:100%; | height:400px; @ ./src/main/webapp/app/primeng/data/gmap/gmapdemo.component.ts 120:21-57 @ ./src/main/webapp/app/primeng/data/gmap/index.ts @ ./src/main/webapp/app/primeng/data/gmap/gmapdemo.module.ts @ ./src/main/webapp/app/primeng/primeng.module.ts @ ./src/main/webapp/app/app.module.ts @ ./src/main/webapp/app/app.main.ts @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

With the two processes running, I see no difference in the ui and no additional menus in either.

If the overlays(Overlaypanel and contextmenu) placed inside DIV element with relative position then dialogs placed somewhere else on the page without considering position relative to the target.

Expected behavior: The overlay should be place at the target position.

Tons of TSLint warning show up at jHipster app startup, due to missing space, missing parenthesis on parameters etc... etc..

Better to remove them !

Add JHipster needle to add below resouces instead of adding them manually

Unable to find src/main/webapp/content/scss/vendor.scss or missing required jhipster-needle Style not added to JHipster app

All icons specific to this project (primeicons/font awesome) either don't work or show up as empty boxes. Very easy to reproduce, just create a new JHipster app (latest version) and follow instructions for generator-jhipster-primeng. For JHipster, I chose most default options as well as Sass and internationalization as it seems required by this generator. For primeng I chose to install all component groups. If necessary I can create a repo for this issue.

It seems like there are issues displaying font awesome icons like <i>... </i>? Newer JHipster uses fort-awesome <fa-icon>, maybe there's a conflict? I'll try to look into it more but I'm surprised I seem to be the only one with this issue, primeng is currently unusable like this

When I run "yarn start" I get this error in the console of browser:

Uncaught Error: Unexpected value 'WizardModule' imported by the module 'DemoMenuDemoModule'. Please add a @NgModule annotation.
at syntaxError (compiler.es5.js?524d:1690)
at eval (compiler.es5.js?524d:15386)
at Array.forEach ()
at CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js?524d:15369)
at CompileMetadataResolver.getNgModuleSummary (compiler.es5.js?524d:15311)
at eval (compiler.es5.js?524d:15384)
at Array.forEach ()
at CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js?524d:15369)
at CompileMetadataResolver.getNgModuleSummary (compiler.es5.js?524d:15311)
at eval (compiler.es5.js?524d:15384)

System info:

• Gradle 4.2.1
• Node 6.11.3
• npm 5.4.2
• yarn 1.2.1
• yeoman 2.0
• jhipster 4.10.0
• generator-jhipster-primeng 1.0.20
• Windows 10

Consig generator-jhipster-primeng:
? Do you want to install PrimeNG? Yes
? Which theme would you like to use? Kasper
? What is the preferred component selection criteria Component Groups
? Which component groups you would like to use? inputs

Add new Toast component of PrimeNG

Above header commands results in many warnings and GUI never comes. any idea what went wrong.
.
.
.
.
.
.
WARNING in ./src/main/webapp/app/primeng/data/datagrid/datagriddemo.module.ts
[39, 57]: missing whitespace
[15, 1]: Consecutive blank lines are forbidden

@ ./src/main/webapp/app/primeng/primeng.module.ts 49:28-74
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.module.ts
[41, 57]: missing whitespace

@ ./src/main/webapp/app/primeng/primeng.module.ts 51:32-86
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/tree/treedemo.module.ts
[42, 57]: missing whitespace
[42, 77]: missing whitespace

@ ./src/main/webapp/app/primeng/primeng.module.ts 55:24-62
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/inputs/listbox/listboxdemo.component.ts
[43, 5]: Declaration of instance field not allowed after declaration of instance method. Instead, this should come at the beginning of the class/interface.
[20, 18]: Type string trivially inferred from a string literal, remove type annotation
[43, 18]: Type number trivially inferred from a number literal, remove type annotation
[2, 17]: missing whitespace
[24, 33]: missing whitespace
[24, 51]: missing whitespace
[25, 33]: missing whitespace
[25, 47]: missing whitespace
[26, 33]: missing whitespace
[26, 49]: missing whitespace
[27, 33]: missing whitespace
[27, 51]: missing whitespace
[28, 33]: missing whitespace
[28, 48]: missing whitespace

@ ./src/main/webapp/app/primeng/inputs/listbox/index.ts 6:9-43
@ ./src/main/webapp/app/primeng/inputs/listbox/listboxdemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/treetable/treetabledemo.module.ts
[44, 57]: missing whitespace
[18, 1]: Consecutive blank lines are forbidden

@ ./src/main/webapp/app/primeng/primeng.module.ts 56:29-77
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.component.ts
[47, 35]: comment must start with a space
[48, 40]: comment must start with a space
[14, 18]: Type number trivially inferred from a number literal, remove type annotation
[16, 19]: Type number trivially inferred from a number literal, remove type annotation
[30, 110]: missing whitespace
[31, 110]: missing whitespace
[34, 116]: missing whitespace
[47, 33]: missing whitespace
[48, 38]: missing whitespace
[49, 120]: missing whitespace
[47, 13]: Identifier 'start' is never reassigned; use 'const' instead of 'let'.
[48, 13]: Identifier 'end' is never reassigned; use 'const' instead of 'let'.

@ ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.route.ts 4:35-74
@ ./src/main/webapp/app/primeng/data/datascroller/index.ts
@ ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/schedule/scheduledemo.module.ts
[51, 57]: missing whitespace

@ ./src/main/webapp/app/primeng/primeng.module.ts 54:28-74
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/datatable/datatabledemo.module.ts
[53, 57]: missing whitespace

@ ./src/main/webapp/app/primeng/primeng.module.ts 48:29-77
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/datagrid/datagriddemo.component.ts
[54, 35]: comment must start with a space
[55, 40]: comment must start with a space
[14, 18]: Type number trivially inferred from a number literal, remove type annotation
[15, 19]: Type number trivially inferred from a number literal, remove type annotation
[31, 110]: missing whitespace
[32, 110]: missing whitespace
[54, 33]: missing whitespace
[55, 38]: missing whitespace
[56, 120]: missing whitespace
[54, 13]: Identifier 'start' is never reassigned; use 'const' instead of 'let'.
[55, 13]: Identifier 'end' is never reassigned; use 'const' instead of 'let'.
[39, 78]: The property "both" that you're trying to access does not exist in the class declaration.
[74, 78]: The property "both" that you're trying to access does not exist in the class declaration.

@ ./src/main/webapp/app/primeng/data/datagrid/index.ts 6:9-44
@ ./src/main/webapp/app/primeng/data/datagrid/datagriddemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/datalist/datalistdemo.component.ts
[54, 35]: comment must start with a space
[55, 40]: comment must start with a space
[14, 18]: Type number trivially inferred from a number literal, remove type annotation
[15, 19]: Type number trivially inferred from a number literal, remove type annotation
[31, 110]: missing whitespace
[32, 110]: missing whitespace
[54, 33]: missing whitespace
[55, 38]: missing whitespace
[56, 120]: missing whitespace
[54, 13]: Identifier 'start' is never reassigned; use 'const' instead of 'let'.
[55, 13]: Identifier 'end' is never reassigned; use 'const' instead of 'let'.
[84, 153]: The property "both" that you're trying to access does not exist in the class declaration.
[202, 167]: The property "both" that you're trying to access does not exist in the class declaration.

@ ./src/main/webapp/app/primeng/data/datalist/datalistdemo.route.ts 4:31-66
@ ./src/main/webapp/app/primeng/data/datalist/index.ts
@ ./src/main/webapp/app/primeng/data/datalist/datalistdemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/schedule/event/event.ts
[6, 13]: Type boolean trivially inferred from a boolean literal, remove type annotation

@ ./src/main/webapp/app/primeng/data/schedule/scheduledemo.component.ts 14:14-38
@ ./src/main/webapp/app/primeng/data/schedule/scheduledemo.route.ts
@ ./src/main/webapp/app/primeng/data/schedule/index.ts
@ ./src/main/webapp/app/primeng/data/schedule/scheduledemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/panel/toolbar/toolbardemo.module.ts
[7, 1]: Consecutive blank lines are forbidden

@ ./src/main/webapp/app/primeng/primeng.module.ts 46:27-72
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/primeng.module.ts
[71, 1]: Consecutive blank lines are forbidden

@ ./src/main/webapp/app/app.module.ts 21:23-58
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/treetable/treetabledemo.component.ts
[79, 15]: comment must start with a space
[14, 18]: Type number trivially inferred from a number literal, remove type annotation
[74, 77]: " should be '
[3, 17]: missing whitespace
[3, 26]: missing whitespace
[80, 59]: Parentheses are required around the parameters of an arrow function definition
[90, 61]: Parentheses are required around the parameters of an arrow function definition
[67, 120]: The property "cm" that you're trying to access does not exist in the class declaration.

@ ./src/main/webapp/app/primeng/data/treetable/index.ts 6:9-45
@ ./src/main/webapp/app/primeng/data/treetable/treetabledemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/buttons/button/buttondemo.module.ts
[9, 1]: Consecutive blank lines are forbidden

@ ./src/main/webapp/app/primeng/primeng.module.ts 10:26-71
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

WARNING in ./src/main/webapp/app/primeng/data/tree/treedemo.component.ts
[95, 15]: comment must start with a space
[14, 18]: Type number trivially inferred from a number literal, remove type annotation
[3, 17]: missing whitespace
[3, 26]: missing whitespace
[124, 36]: Parentheses are required around the parameters of an arrow function definition

@ ./src/main/webapp/app/primeng/data/tree/index.ts 6:9-40
@ ./src/main/webapp/app/primeng/data/tree/treedemo.module.ts
@ ./src/main/webapp/app/primeng/primeng.module.ts
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main
Child html-webpack-plugin for "index.html":
1 asset
[./node_modules/html-webpack-plugin/lib/loader.js!./src/main/webapp/index.html] ./node_modules/html-webpack-plugin/lib/loader.js!./src/main/webapp/index.html 1.53 kB {0} [built]
factory:379ms building:3848ms = 4227ms
webpack: Compiled with warnings.
[Browsersync] Proxying: http://localhost:9060
[Browsersync] Access URLs:

   Local: http://localhost:9000
External: http://1.1.1.7:9000

      UI: http://localhost:3001

Hi,

I seek this tuto: https://www.primefaces.org/jhipster-with-primeng/

After install my jHipster app show many erros below.

U can help me?

ERROR in ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/datascroller'
 @ ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.module.ts 12:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/datatable/datatabledemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/datatable'
 @ ./src/main/webapp/app/primeng/data/datatable/datatabledemo.module.ts 13:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/dataview/dataviewdemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/dataview'
 @ ./src/main/webapp/app/primeng/data/dataview/dataviewdemo.module.ts 12:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/orderlist/orderlistdemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/orderlist'
 @ ./src/main/webapp/app/primeng/data/orderlist/orderlistdemo.module.ts 13:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/orgchart/orgchartdemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/orgchart'
 @ ./src/main/webapp/app/primeng/data/orgchart/orgchartdemo.module.ts 14:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/picklist/picklistdemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/picklist'
 @ ./src/main/webapp/app/primeng/data/picklist/picklistdemo.module.ts 12:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/schedule/scheduledemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/schedule'
 @ ./src/main/webapp/app/primeng/data/schedule/scheduledemo.module.ts 13:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/table/tabledemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/table'
 @ ./src/main/webapp/app/primeng/data/table/tabledemo.module.ts 13:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/tree/treedemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/tree'
 @ ./src/main/webapp/app/primeng/data/tree/treedemo.module.ts 13:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/data/treetable/treetabledemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/data/treetable'
 @ ./src/main/webapp/app/primeng/data/treetable/treetabledemo.module.ts 13:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in ./src/main/webapp/app/primeng/misc/blockui/blockuidemo.module.ts
Module not found: Error: Can't resolve '@angular/http' in '/Users/mfalzetta/Dropbox/MFalzetta/Projetos/Matta-Tecnologia/Security/Desenvolvimento/security-web/src/main/webapp/app/primeng/misc/blockui'
 @ ./src/main/webapp/app/primeng/misc/blockui/blockuidemo.module.ts 14:13-37
 @ ./src/main/webapp/app/primeng/primeng.module.ts
 @ ./src/main/webapp/app/app.module.ts
 @ ./src/main/webapp/app/app.main.ts
 @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/datascroller/datascrollerdemo.module.ts:4:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/datatable/datatabledemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/dataview/dataviewdemo.module.ts:4:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/orderlist/orderlistdemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/orgchart/orgchartdemo.module.ts:6:26 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/picklist/picklistdemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/schedule/scheduledemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/table/tabledemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/tree/treedemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/data/treetable/treetabledemo.module.ts:5:28 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/fileupload/fileupload/backend/fake-backend.ts:19:110 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/fileupload/fileupload/backend/fake-backend.ts:20:43 
    TS2307: Cannot find module '@angular/http/testing'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/fileupload/fileupload/fileuploaddemo.module.ts:13:26 
    TS2307: Cannot find module '@angular/http'.

ERROR in [at-loader] ./src/main/webapp/app/primeng/misc/blockui/blockuidemo.module.ts:7:26 
    TS2307: Cannot find module '@angular/http'.
Child html-webpack-plugin for "index.html":
     1 asset
    [./node_modules/html-webpack-plugin/lib/loader.js!./src/main/webapp/index.html] ./node_modules/html-webpack-plugin/lib/loader.js!./src/main/webapp/index.html 1.53 kB {0} [built]
            factory:110ms building:1002ms = 1112ms
webpack: Failed to compile.
[Browsersync] Proxying: http://localhost:9060
[Browsersync] Access URLs:
 -------------------------------------
       Local: http://localhost:9000

Production build 'npm run webpack:prod" encountered error after generate primeng demo, below is detailed error message.

I am using generator-jhipster 4.13.3.

The problem seems to be with module import of "import {WizardModule} from 'primeng-extensions/components/wizard/wizard.js'. If i removed the import, it seems to be work. But this import statement is in a lot of files, and not used.

ERROR in src\main\webapp\app\primeng\menu\menu\menudemo.module.ts(28,9): Error d
uring template compile of 'SampleAppMonolithMenuDemoModule'
Function expressions are not supported in decorators in 'WizardModule'
'WizardModule' references '?2'
'?2' contains the error at primeng-extensions\components\wizard\wizard.js.
ts(134,21)
Consider changing the function expression into an exported function.

How would one go about doing that?

Jhipster Version: 4.10.2

I have tried installing generator-jhipster-primeng multiple times and still getting this error. I have cleared out my node_modules and reinstalled. I have also tried installing the "yo jhipster-primeng" with one component and I have tried installing all components and still getting same runtime error while loading the homepage of the app.

I am using the Docker image jhipster/jhipster:v4.10.2 and executing the commands from within the container to run all jhipster commands for building and running application.

Add FlexGrid component of PrimeNG

The validators should make sure to select atleast one group or component from the list. Also, it is required to apply component group headers for components.

Currently JHipster-PirmeNG module supports component selection as groups(for examples, inputs, buttons, data and so on) only. Individual component selection gives more control to customize the application.

env: Jhipster 4.9.0, latest generator-jhipster-primeng
create project with: monolith, sass support(looks like PrimeNG needs it), AG4
When yo, it keeps telling me:

Unable to find src/main/webapp/app/layouts/navbar/navbar.component.html or missing required needle. File rewrite failed.

Other things goes well, but when finished there is no "primeng" menu.

I guess something wrong when inject into menu.

Logs:

Welcome to the JHipster Generator v4.9.0
Documentation for creating an application: http://www.jhipster.tech/creating-an-app/
Application files will be generated in folder: D:\JHipster\yingw\jhipster-primeng
? (1/16) Which *type* of application would you like to create? Monolithic application (recommended for simple projects)
? (2/16) What is the base name of your application? PrimeNG
? (3/16) What is your default Java package name? cn.yinguowei.jhipster
? (4/16) Do you want to use the JHipster Registry to configure, monitor and scale your application? No
? (5/16) Which *type* of authentication would you like to use? JWT authentication (stateless, with a token)
? (6/16) Which *type* of database would you like to use? SQL (H2, MySQL, MariaDB, PostgreSQL, Oracle, MSSQL)
? (7/16) Which *production* database would you like to use? MySQL
? (8/16) Which *development* database would you like to use? H2 with disk-based persistence
? (9/16) Do you want to use Hibernate 2nd level cache? Yes, with ehcache (local cache, for a single node)
? (10/16) Would you like to use Maven or Gradle for building the backend? Maven
? (11/16) Which other technologies would you like to use?
? (12/16) Which *Framework* would you like to use for the client? Angular 4
? (13/16) Would you like to use the LibSass stylesheet preprocessor for your CSS? Yes
? (14/16) Would you like to enable internationalization support? Yes
? Please choose the native language of the application English
? Please choose additional languages to install Chinese (Simplified)
? (15/16) Besides JUnit and Karma, which testing frameworks would you like to use?
? (16/16) Would you like to install other generators from the JHipster Marketplace? No

D:\JHipster\yingw\jhipster-primeng>yo jhipster-primeng

██████╗  ██████╗  ██╗ ███╗   ███╗ ███████╗ ███╗   ██╗  ██████╗
██╔══██╗ ██╔══██╗ ██║ ████╗ ████║ ██╔════╝ ████╗  ██║ ██╔════╝
██████╔╝ ██████╔╝ ██║ ██╔████╔██║ █████╗   ██╔██╗ ██║ ██║  ███╗
██╔═══╝  ██╔══██╗ ██║ ██║╚██╔╝██║ ██╔══╝   ██║╚██╗██║ ██║   ██║
██║      ██║  ██║ ██║ ██║ ╚═╝ ██║ ███████╗ ██║ ╚████║ ╚██████╔╝
╚═╝      ╚═╝  ╚═╝ ╚═╝ ╚═╝     ╚═╝ ╚══════╝ ╚═╝  ╚═══╝  ╚═════╝

Welcome to the JHipster primeng generator! v0.0.70

? Do you want to install PrimeNG? Yes
? Which theme would you like to use? Home
? Which components you would like to include? inputs, buttons, data, panel, overlay, file, menu, charts, messages, multimedia, dragdrop, mis c
[ 'inputs',
  'buttons',
  'data',
  'panel',
  'overlay',
  'file',
  'menu',
  'charts',
  'messages',
  'multimedia',
  'dragdrop',
  'misc' ]

Unable to find src/main/webapp/app/layouts/navbar/navbar.component.html or missing required needle. File rewrite failed.




[4/4] Building fresh packages...
success Saved lockfile.
Done in 27.49s.
End of primeng components generator

Hi,

I juste move to Jhipster 5.1 and a weird issue.

On a fresh Jhipster install, i install jhipster-prime and get the text below
TL;DR
angular2AppName is not defined

How can I get rid of this ?

PS : on a fresh jhipster installation i made

npm install -g generator-jhipster-primeng
npm update -g generator-jhipster-primeng 

C:\Users\giova\Work\Projects\demo-prime-ng>yo jhipster-primeng

██████╗  ██████╗  ██╗ ███╗   ███╗ ███████╗ ███╗   ██╗  ██████╗
██╔══██╗ ██╔══██╗ ██║ ████╗ ████║ ██╔════╝ ████╗  ██║ ██╔════╝
██████╔╝ ██████╔╝ ██║ ██╔████╔██║ █████╗   ██╔██╗ ██║ ██║  ███╗
██╔═══╝  ██╔══██╗ ██║ ██║╚██╔╝██║ ██╔══╝   ██║╚██╗██║ ██║   ██║
██║      ██║  ██║ ██║ ██║ ╚═╝ ██║ ███████╗ ██║ ╚████║ ╚██████╔╝
╚═╝      ╚═╝  ╚═╝ ╚═╝ ╚═╝     ╚═╝ ╚══════╝ ╚═╝  ╚═══╝  ╚═════╝

Welcome to the JHipster primeng generator! v2.0.55

? Do you want to install PrimeNG? Yes
? Which theme would you like to use? Rocket
? What is your preferred component selection criteria Component Groups
? Which component groups you would like to use? inputs, buttons, data, panel, overlay, fileupload, menu, charts, messages, multimedia, dragdrop, misc
Add the resources in the head section of index.html file-  <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
                                      <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css"/>
                                      <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptcha" async defer></script>
                                      <script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>
                                      <script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyA6Ar0UymhiklJBzEPLKKn2QHwbjdz3XV0" ></script>
                                      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
                                      <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>

The PrimeNG resources were updated successfully using JHipster API!
events.js:183
      throw er; // Unhandled 'error' event
      ^

ReferenceError: C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\generators\app\templates\src\main\webapp\app\primeng\primeng.module.ts:4
    2| import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
    3|
 >> 4| import { <%= angular2AppName %>ButtonDemoModule } from './buttons/button/buttondemo.module';
    5| import { <%= angular2AppName %>SplitbuttonDemoModule } from './buttons/splitbutton/splitbuttondemo.module';
    6|
    7| import { <%= angular2AppName %>DialogDemoModule } from './overlay/dialog/dialogdemo.module';

angular2AppName is not defined
    at eval (eval at compile (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\ejs\lib\ejs.js:618:12), <anonymous>:11:26)
    at returnedFn (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\ejs\lib\ejs.js:653:17)
    at Object.exports.render (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\ejs\lib\ejs.js:416:37)
    at process (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\yeoman-generator\node_modules\mem-fs-editor\lib\actions\copy-tpl.js:12:18)
    at applyProcessingFunc (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\yeoman-generator\node_modules\mem-fs-editor\lib\actions\copy.js:13:16)
    at EditionInterface.exports._copySingle (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\yeoman-generator\node_modules\mem-fs-editor\lib\actions\copy.js:63:16)
    at files.forEach.file (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\yeoman-generator\node_modules\mem-fs-editor\lib\actions\copy.js:50:10)
    at Array.forEach (<anonymous>)
    at EditionInterface.exports.copy (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\yeoman-generator\node_modules\mem-fs-editor\lib\actions\copy.js:49:9)
    at EditionInterface.module.exports [as copyTpl] (C:\Users\giova\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\yeoman-generator\node_modules\mem-fs-editor\lib\actions\copy-tpl.js:10:8)

Once the application is up, go through each component and its feature to find bugs and missing features

Hello sufheerj,
There is a issue, we got a white page.
I think the problem is because Angular 5 use HttpClientModule instead of HttpModule and HttpClient instead of Http.

A screenshot:

Any tips?

thank you

After generating yo jhipster-primeng PrimeNG into existing JHipster application and selecting all samples I succeed in testing them all but Schedule (component we need the most).
Application compiles well. When I enter demo primeng/Schedule there is an error in console:

ERROR TypeError: this.schedule.fullCalendar is not a function
    at Schedule.initialize (schedule.js?8b1e:212)
    at Schedule.ngAfterViewChecked (schedule.js?8b1e:194)
    at callProviderLifecycles (core.js?593e:12694)
    at callElementProvidersLifecycles (core.js?593e:12658)
    at callLifecycleHooksChildrenFirst (core.js?593e:12641)
    at checkAndUpdateView (core.js?593e:13796)
    at callViewAction (core.js?593e:14138)
    at execComponentViewsAction (core.js?593e:14070)
    at checkAndUpdateView (core.js?593e:13793)
    at callViewAction (core.js?593e:14138)

Move constants and do code cleanup in root index.js file

Cleanup ESLint warnings in the entire project

Hi @sudheerj,

I saw you used a lot of my code. I hope it helped you ! I supposed you generated all charts as I did.

I just want to know if you plan to fully maintain your module, as your module is now a lot of more advanced than mine, so I can put mine as deprecated and put a link to refer to your module.

Is it ok for you ?

Welcome to the JHipster primeng generator! v2.0.66

? Do you want to install PrimeNG? Yes
? Which theme would you like to use? Home
? What is your preferred component selection criteria Individual Components
? Which components you would like to use? AutoComplete, PanelMenu, SlideMenu
Add the resources in the head section of index.html file- <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>


<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=initRecaptcha" async defer></script>
<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyA6Ar0UymhiklJBzEPLKKn2QHwbjdz3XV0" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>

The PrimeNG resources were updated successfully using JHipster API!
events.js:183
throw er; // Unhandled 'error' event
^

TypeError: Cannot read property 'indexOf' of undefined
at constructor.writing (C:\Users\Jawad\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\generators\app\index.js:1107:70)
at Object. (C:\Users\Jawad\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js:418:27)
at C:\Users\Jawad\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\run-async\index.js:25:25
at new Promise ()
at C:\Users\Jawad\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\run-async\index.js:24:19
at self.env.runLoop.add.completed (C:\Users\Jawad\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js:419:13)
at runCallback (timers.js:810:20)
at tryOnImmediate (timers.js:768:5)
at processImmediate [as _immediateCallback] (timers.js:745:5)

Create entity subgenerator for PrimeNG module which create client side and backend side entities in a decoupled manner.

ERROR in ./node_modules/css-loader!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss Module not found: Error: Can't resolve 'primeng-extensions/resources/primeng-extensions.min.css' in 'C:\Users\amir\Desktop\testJhipster\src\main\webapp\content\scss' @ ./node_modules/css-loader!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss 4:10-126 @ ./src/main/webapp/content/scss/vendor.scss @ ./src/main/webapp/app/vendor.ts @ ./src/main/webapp/app/app.module.ts @ ./src/main/webapp/app/app.main.ts @ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/app.main

Is generator-jhipster-primeng module compatible with production mode of Jhipster?

When I invoke "gradle -Pprod" (mode with optimizations to production), I get this error in the console:

Starting compilation using the angular compiler.
Angular compilation done, starting webpack bundling.
Error: Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function (position 194:50 in the original .ts file), resolving symbol NgModule in D:/IoT/work_jhipster/demo/node_modules/primeng-extensions-wizard/node_modules//core.d.ts, resolving symbol WizardModule in D:/IoT/work_jhipster/demo/node_modules/primeng-extensions-wizard/components/wizard.module.d.ts, resolving symbol WizardModule in D:/IoT/work_jhipster/demo/node_modules/primeng-extensions-wizard/components/wizard.module.d.ts
at positionalError (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:25108:35)
at simplifyInContext (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24951:27)
at StaticReflector.simplify (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24965:13)
at StaticReflector.annotations (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24395:41)
at NgModuleResolver.resolve (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:14737:70)
at CompileMetadataResolver.getNgModuleMetadata (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:15390:60)
at addNgModule (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24245:58)
at D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24256:14
at Array.forEach (native)
at _createNgModules (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24255:26)
at analyzeNgModules (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24130:14)
at analyzeAndValidateNgModules (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:24140:35)
at AotCompiler.analyzeModulesAsync (D:\IoT\work_jhipster\demo\node_modules@angular\compiler\bundles\compiler.umd.js:23776:46)
at CodeGenerator.codegen (D:\IoT\work_jhipster\demo\node_modules@angular\compiler-cli\src\codegen.js:32:14)
at D:\IoT\work_jhipster\demo\node_modules\ngc-webpack\src\main.js:12:103
at Object.main (D:\IoT\work_jhipster\demo\node_modules@angular\tsc-wrapped\src\main.js:106:16)
at Object.runInternal (D:\IoT\work_jhipster\demo\node_modules\ngc-webpack\src\main.js:16:27)
at D:\IoT\work_jhipster\demo\node_modules\ngc-webpack\src\plugin.js:54:48
at process._tickCallback (internal/process/next_tick.js:109:7)
at Module.runMain (module.js:606:11)
at run (bootstrap_node.js:389:7)
at startup (bootstrap_node.js:149:9)
at bootstrap_node.js:502:3
error Command failed with exit code 1.
error Command failed with exit code 1.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

The Defer component is throwing below error while loading the page. Due to this, the component appears twice in the page.

Hello! I wanted to try this module, I have tried several combinations of components in the generator, but always getting this error

Error: StaticInjectorError[NgZone]: 
  StaticInjectorError[NgZone]: 
    NullInjectorError: No provider for NgZone!
    at _NullInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1190)
    at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1478)
    at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1420)
    at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1291)
    at resolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1478)
    at tryResolveToken (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1420)
    at StaticInjector.get (webpack-internal:///./node_modules/@angular/core/esm5/core.js:1291)
    at resolveNgModuleDep (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11080)
    at _createClass (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11125)
    at _createProviderInstance$1 (webpack-internal:///./node_modules/@angular/core/esm5/core.js:11091)
(anonymous) @ webpack-internal:///./src/main/webapp/app/app.main.ts:12

{
  "generator-jhipster": {
    "promptValues": {
      "packageName": "io.catwizard.autdit.test1"
    },
    "jhipsterVersion": "4.13.1",
    "baseName": "jhipster",
    "packageName": "io.catwizard.autdit.test1",
    "packageFolder": "io/catwizard/autdit/test1",
    "serverPort": "8080",
    "authenticationType": "jwt",
    "cacheProvider": "ehcache",
    "enableHibernateCache": false,
    "clusteredHttpSession": false,
    "websocket": false,
    "databaseType": "sql",
    "devDatabaseType": "h2Memory",
    "prodDatabaseType": "mysql",
    "searchEngine": false,
    "messageBroker": false,
    "serviceDiscoveryType": false,
    "buildTool": "maven",
    "enableSocialSignIn": false,
    "enableSwaggerCodegen": false,
    "jwtSecretKey": "XXX",
    "clientFramework": "angularX",
    "useSass": false,
    "clientPackageManager": "yarn",
    "applicationType": "monolith",
    "testFrameworks": [],
    "jhiPrefix": "jhi",
    "enableTranslation": false
  }
}

> yarn global add generator-jhipster-primeng

yarn global v0.27.5
warning package.json: No license field
warning No license field
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
warning "[email protected]" has no binaries
warning No license field
Done in 4.16s.

> yo jhipster-primeng

Error jhipster-primeng

You don't seem to have a generator with the name “jhipster-primeng” installed.
But help is on the way:

You can see available generators via npm search yeoman-generator or via http://yeoman.io/generators/.
Install them with npm install generator-jhipster-primeng.

To see all your installed generators run yo without any arguments. Adding the --help option will also show subgenerators.

If yo cannot find the generator, run yo doctor to troubleshoot your system.

If I type "yo", this generator isn't listed.

Welcome to the JHipster primeng generator! v0.0.74

? Do you want to install PrimeNG? Yes
? Which theme would you like to use? Omega
? Which components you would like to include? inputs, buttons, data, panel, overlay, file, menu, charts, messages, mult
imedia, dragdrop, misc
events.js:160
throw er; // Unhandled 'error' event
^

TypeError: this.copyExternalAssetsInWebpack is not a function
at constructor.writing (C:\Users\kalyan\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\generators\app\index.js:646:14)
at Object. (C:\Users\kalyan\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js:399:25)
at C:\Users\kalyan\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\generator-jhipster\node_modules\run-async\index.js:25:25
at C:\Users\kalyan\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\generator-jhipster\node_modules\run-async\index.js:24:19
at self.env.runLoop.add.completed (C:\Users\kalyan\AppData\Roaming\npm\node_modules\generator-jhipster-primeng\node_modules\generator-jhipster\node_modules\yeoman-generator\lib\index.js:400:11)
at runCallback (timers.js:672:20)
at tryOnImmediate (timers.js:645:5)
at processImmediate [as _immediateCallback] (timers.js:617:5)

Hello!
I'm using version v2.0.22 with "jhipsterVersion": "4.13.3", and none of the dataset tables work. EG:

With new generated project with jhipster version v4.10.1 and v4.10.2 it's not working, i followed all the instruction mentioned but found the following error.

Hi Dear Sudheerj,

First of all, I want to thank you for your efforts you are investing to build this module.

After running yo jhipster-primeng as described on a fresh installed/generated jhipster application, I've executed yarn start, but i am getting the following error :

Uncaught Error: Unexpected value 'WizardModule' imported by the module 'EprimeCaptchaDemoModule'. Please add a @NgModule annotation.
    at syntaxError (compiler.es5.js?524d:1690)
    at eval (compiler.es5.js?524d:15386)
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js?524d:15369)
    at CompileMetadataResolver.getNgModuleSummary (compiler.es5.js?524d:15311)
    at eval (compiler.es5.js?524d:15384)
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js?524d:15369)
    at CompileMetadataResolver.getNgModuleSummary (compiler.es5.js?524d:15311)
    at eval (compiler.es5.js?524d:15384)