Author Topic: Evaluating and getting errors with Angular  (Read 274 times)

gregs

  • Newbie
  • *
  • Posts: 3
    • View Profile
Evaluating and getting errors with Angular
« on: July 18, 2023, 09:29:37 pm »
I'm attempting to get pq grid pro working with Angular.  I downloaded a couple of the Angular demo projects from https://paramquery.com/pro/demos.
When I run npm install for these I get errors resolving dependencies.  It also seems these samples are using older versions of Angular and other dependencies.  Looking at the package.json file shows Angular 7.x.  I was hoping to get some help resolving these errors or ideally some sample code with updated versions of Angular. 
These are the errors I'm getting with npm install.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular/[email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/compiler
npm ERR!   @angular/compiler@"^7.2.13" from the root project
npm ERR!   peer @angular/compiler@"7.2.16" from @angular/[email protected]
npm ERR!   node_modules/@angular/platform-browser-dynamic
npm ERR!     @angular/platform-browser-dynamic@"^7.2.13" from the root project
npm ERR!   1 more (codelyzer)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler@"7.0.4" from @angular/[email protected]
npm ERR! node_modules/@angular/compiler-cli
npm ERR!   dev @angular/compiler-cli@"~7.0.0" from the root project
npm ERR!   peer @angular/compiler-cli@">=5.0.0 <8.0.0 || ^7.0.0-beta.0" from @ngtools/[email protected]
npm ERR!   node_modules/@ngtools/webpack
npm ERR!     @ngtools/webpack@"7.0.7" from @angular-devkit/[email protected]
npm ERR!     node_modules/@angular-devkit/build-angular
npm ERR!       dev @angular-devkit/build-angular@"~0.10.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/[email protected]
npm ERR! node_modules/@angular/compiler
npm ERR!   peer @angular/compiler@"7.0.4" from @angular/[email protected]
npm ERR!   node_modules/@angular/compiler-cli
npm ERR!     dev @angular/compiler-cli@"~7.0.0" from the root project
npm ERR!     peer @angular/compiler-cli@">=5.0.0 <8.0.0 || ^7.0.0-beta.0" from @ngtools/[email protected]
npm ERR!     node_modules/@ngtools/webpack
npm ERR!       @ngtools/webpack@"7.0.7" from @angular-devkit/[email protected]
npm ERR!       node_modules/@angular-devkit/build-angular
npm ERR!         dev @angular-devkit/build-angular@"~0.10.0" from the root project

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6122
    • View Profile
Re: Evaluating and getting errors with Angular
« Reply #1 on: July 19, 2023, 03:53:17 pm »
Please check and download this project based on Angular 16

https://stackblitz.com/edit/paramquery-ng16-locale

Uncompress the zip file.
Navigate to the folder in command prompt
Run "yarn" in command prompt
Run "ng serve" in command prompt
Open localhost:4200 in the browser

Please let me know if you face any problems.
« Last Edit: July 19, 2023, 04:44:46 pm by paramvir »

gregs

  • Newbie
  • *
  • Posts: 3
    • View Profile
Re: Evaluating and getting errors with Angular
« Reply #2 on: August 02, 2023, 03:33:55 am »
Thank you for the reply with the updated Angular sample.  I was able to get this working.
Now I'm trying to get nested grids working.  Trying to get this working but with Angular code. 
https://paramquery.com/pro/demos/nesting_local

Would it be possible to get an Angular local nested grid sample or some ideas on how to make this work in Angular?

Thank you!