sudheerj / generator-jhipster-primeng Goto Github PK

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

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

UI External: http://1.1.1.7:3001

Add FlexGrid component of PrimeNG

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.

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 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.

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

Add new Toast component of PrimeNG

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

> 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.

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)

Cleanup ESLint warnings in the entire project

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?

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

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)

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

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

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?

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

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

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.

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

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

Better to remove them !

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

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.

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

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'.

...

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)

I tried to find solution but all I got is working sample with angular-cli, which is not applyable from JHipster, am I right? https://stackoverflow.com/questions/49721514/jhipster-primeng-scheduler-component

Using: JHipster Generator v4.14.3, Angular 5

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

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)

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

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

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

running PrimeNG

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

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

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)

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

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.

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

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 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)

Thanks for your help in advance
BR
Dias

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.

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.

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

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

This is my .yo-rc.json

{
  "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
  }
}

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 

But when i try
yo jhipster-primeng

I got the error.

Any help would be appreciate

Details

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)