# Recommended Angular version (date = 19-06-2023)

**URL:** <https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677>\
**Category:** Software-Development\
**Created:** [June 19, 2023, 1:58pm UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677 "2023-06-19T13:58:58Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Byonnem](https://community.openems.io/user_avatar/community.openems.io/byonnem/32/722_2.png) [@Byonnem](https://community.openems.io/u/Byonnem)\
**Post date:** [June 19, 2023, 1:58pm UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/1 "2023-06-19T13:58:58Z")

</div>

Hello internet-wanderer,

You most likely found this topic as you are stuck with installing openEMS UI…

[The manual](https://openems.github.io/openems.io/openems/latest/ui/setup-ide.html) specifies installing angular by `npm install -g @angular/cli` However this installs automatically Angular 16. Currently this is not supported (see [pull request 2183](https://github.com/OpenEMS/openems/pull/2183))

The angular version you should use is 15.1.2 the install command is thus

```auto
npm install -g @angular/cli@15.1.2

```

Hopefully i saved you a couple of hours figuring this out. However, if you read this in the future, please check if angular X is then supported, before doing the latest install.

Kind Regards,

Menno Spitteler

---

<div class="post-metadata">

**Author:** ![ros](https://community.openems.io/user_avatar/community.openems.io/ros/32/1239_2.png) [@ros](https://community.openems.io/u/ros)\
**Post date:** [June 3, 2024, 6:06pm UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/2 "2024-06-03T18:06:06Z")

</div>

Hello,  
I was wondering if this is still the case? Where would I go to check which versions of angular are supported?

---

<div class="post-metadata">

**Author:** ![Sn0w3y](https://community.openems.io/user_avatar/community.openems.io/sn0w3y/32/636_2.png) [@Sn0w3y](https://community.openems.io/u/Sn0w3y)\
**Post date:** [June 3, 2024, 8:29pm UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/3 "2024-06-03T20:29:04Z")

</div>

1 Minute of search 🙂

> <https://github.com/OpenEMS/openems/blob/9ae827714b7d48ffe34349dfaa10d8598d34eea5/ui/package.json#L7C1-L14C43>

---

<div class="post-metadata">

**Author:** ![Jasonlee6789](https://community.openems.io/user_avatar/community.openems.io/jasonlee6789/32/766_2.png) [@Jasonlee6789](https://community.openems.io/u/Jasonlee6789)\
**Post date:** [June 13, 2024, 7:45am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/4 "2024-06-13T07:45:49Z")

</div>

I have a npm install problem after upgrade angular from 15 to 16, While resolving: ng2-charts@4.1.1, this ng2-charts library seems conflict.

---

<div class="post-metadata">

**Author:** ![Sn0w3y](https://community.openems.io/user_avatar/community.openems.io/sn0w3y/32/636_2.png) [@Sn0w3y](https://community.openems.io/u/Sn0w3y)\
**Post date:** [June 13, 2024, 8:00am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/5 "2024-06-13T08:00:31Z")

</div>

Nothing conflicts. Everything Works. I have it running 🙂

---

<div class="post-metadata">

**Author:** ![Jasonlee6789](https://community.openems.io/user_avatar/community.openems.io/jasonlee6789/32/766_2.png) [@Jasonlee6789](https://community.openems.io/u/Jasonlee6789)\
**Post date:** [June 13, 2024, 8:22am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/6 "2024-06-13T08:22:44Z")

</div>

😅 but I have the problem like below info,could you please have some solution to help me? npm install  
npm error code ERESOLVE  
npm error ERESOLVE could not resolve  
npm error  
npm error While resolving: ng2-charts@4.1.1  
npm error Found: @angular/core@16.2.12  
npm error node\_modules/@angular/core  
npm error @angular/core@“~16.2.12” from the root project  
npm error peer @angular/core@“16.2.12” from @angular/animations@16.2.12  
npm error node\_modules/@angular/animations  
npm error @angular/animations@“~16.2.12” from the root project  
npm error peerOptional @angular/animations@“16.2.12” from @angular/platform-browser@16.2.12  
npm error node\_modules/@angular/platform-browser  
npm error @angular/platform-browser@“~16.2.12” from the root project  
npm error 3 more (@angular/forms, @angular/platform-browser-dynamic, @angular/router)  
npm error 1 more (ngx-spinner)  
npm error 13 more (@angular/common, @angular/compiler, @angular/forms, …)  
npm error  
npm error Could not resolve dependency:  
npm error peer @angular/cdk@“\>=14.0.0” from ng2-charts@4.1.1  
npm error node\_modules/ng2-charts  
npm error ng2-charts@“^4.1.1” from the root project  
npm error  
npm error Conflicting peer dependency: @angular/core@18.0.3  
npm error node\_modules/@angular/core  
npm error peer @angular/core@“^18.0.0 || ^19.0.0” from @angular/cdk@18.0.3  
npm error node\_modules/@angular/cdk  
npm error peer @angular/cdk@“\>=14.0.0” from ng2-charts@4.1.1  
npm error node\_modules/ng2-charts  
npm error ng2-charts@“^4.1.1” from the root project  
npm error  
npm error Fix the upstream dependency conflict, or retry  
npm error this command with --force or --legacy-peer-deps  
npm error to accept an incorrect (and potentially broken) dependency resolution.  
npm error  
npm error  
npm error For a full report see:  
npm error /Users/lijing/.npm/\_logs/2024-06-13T08\_19\_54\_737Z-eresolve-report.txt

npm error A complete log of this run can be found in: /Users/lijing/.npm/\_logs/2024-06-13T08\_19\_54\_737Z-debug-0.log

---

<div class="post-metadata">

**Author:** ![Sn0w3y](https://community.openems.io/user_avatar/community.openems.io/sn0w3y/32/636_2.png) [@Sn0w3y](https://community.openems.io/u/Sn0w3y)\
**Post date:** [June 13, 2024, 9:07am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/7 "2024-06-13T09:07:48Z")

</div>

delete your modules folder and reinstall with npm install

---

<div class="post-metadata">

**Author:** ![Jasonlee6789](https://community.openems.io/user_avatar/community.openems.io/jasonlee6789/32/766_2.png) [@Jasonlee6789](https://community.openems.io/u/Jasonlee6789)\
**Post date:** [June 14, 2024, 12:43am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/8 "2024-06-14T00:43:58Z")

</div>

I have tried the way deleting modules folder before, but it still doesn’t work,same error report. Thanks for the suggestion anyway.

---

<div class="post-metadata">

**Author:** ![Jasonlee6789](https://community.openems.io/user_avatar/community.openems.io/jasonlee6789/32/766_2.png) [@Jasonlee6789](https://community.openems.io/u/Jasonlee6789)\
**Post date:** [June 14, 2024, 4:20am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/9 "2024-06-14T04:20:46Z")

</div>

I share my final solution here:npm config set legacy-peer-deps true

---

<div class="post-metadata">

**Author:** ![Sn0w3y](https://community.openems.io/user_avatar/community.openems.io/sn0w3y/32/636_2.png) [@Sn0w3y](https://community.openems.io/u/Sn0w3y)\
**Post date:** [December 2, 2024, 9:42am UTC](https://community.openems.io/t/recommended-angular-version-date-19-06-2023/1677/10 "2024-12-02T09:42:32Z")

</div>

> [@Jasonlee6789](#):
>
> npm config set legacy-peer-deps true

If ound out, that we still have the same issue, correct ?
