# Setup IDE for OpenEMS UI: not working

**URL:** <https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923>\
**Category:** English Forum\
**Created:** [September 7, 2023, 2:45am UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923 "2023-09-07T02:45:57Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![JimsterCoder](https://community.openems.io/user_avatar/community.openems.io/jimstercoder/32/790_2.png) [@JimsterCoder](https://community.openems.io/u/JimsterCoder)\
**Post date:** [September 7, 2023, 2:45am UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/1 "2023-09-07T02:45:57Z")

</div>

I’m still trying to get a working UI. No luck. Getting Started procedure didn’t work (see post).

Following [Setup IDE for OpenEMS UI :: Open Energy Management System](https://openems.github.io/openems.io/openems/latest/ui/setup-ide.html)

Installed node.js version 18.17.1, all good.

 ![image](https://community.openems.io/uploads/default/original/1X/9711f39d098c47b0a23e5fc83edb8dd5477276ec.png)

VSCode started, open folder ui, all good.  
Install angular, good? I don’t know

 ![image](https://community.openems.io/uploads/default/original/1X/e916ae2bcf7399eddd0714e02a38843af1b52d26.png)

‘npm install’, NOT good.

 ![image](https://community.openems.io/uploads/default/original/1X/e43cd54ade5dd958bc048a2e48fb8b0b502481d1.png)

(side note… it did the command noted above which caused even more bad looking stuff, I then tried to start the ui and it failed. I then got my backed up VM, and restarted to whole process (install node.js etc) and I IGNORED all the bad stuff above and proceeded to start the ui, and as you will see, it worked, sort of. It would be nice to know that the warning/error messages should be ignored)

Ok, start the ui.  
'ng serve -c openems-edge-dev;

It built and started. (yippee).

 ![image](https://community.openems.io/uploads/default/original/1X/ccf5faaa62d548b726e48e49ac08d6d2c276c822.png)

But, still not looking good in the browser (I have the simulation from Getting Started running)

 ![image](https://community.openems.io/uploads/default/original/1X/680d6bdaf2d17f94cb4102268e22fff745df16e5.png)

Browser.

 ![image](https://community.openems.io/uploads/default/original/1X/c04e81ed0b566d7c4ed09a7fae2889e03ba46ef3.png)

Your assistance please.

---

<div class="post-metadata">

**Author:** ![JimsterCoder](https://community.openems.io/user_avatar/community.openems.io/jimstercoder/32/790_2.png) [@JimsterCoder](https://community.openems.io/u/JimsterCoder)\
**Post date:** [September 7, 2023, 6:26am UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/2 "2023-09-07T06:26:43Z")

</div>

Update… after I clicked on a few menus and came back to the display…it was working. Why is that? Also… where is the menu to change the language to English, please?

(this was much later (3 hours), so I restarted Edge after it was working to get the battery back to 50%)

 ![image](https://community.openems.io/uploads/default/original/1X/2bf153bdbd88a6677b084d19ad97a782a0c479b4.png)

---

<div class="post-metadata">

**Author:** ![JimsterCoder](https://community.openems.io/user_avatar/community.openems.io/jimstercoder/32/790_2.png) [@JimsterCoder](https://community.openems.io/u/JimsterCoder)\
**Post date:** [September 9, 2023, 8:30pm UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/3 "2023-09-09T20:30:45Z")

</div>

How to I change it to English? I change the default language in language.tx, then restarted 'ng server …etc). But it’s still in German?

---

<div class="post-metadata">

**Author:** ![JimsterCoder](https://community.openems.io/user_avatar/community.openems.io/jimstercoder/32/790_2.png) [@JimsterCoder](https://community.openems.io/u/JimsterCoder)\
**Post date:** [September 14, 2023, 3:46am UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/4 "2023-09-14T03:46:01Z")

</div>

I’ve discovered the when the initial UI shows the non-working devices, doing a ‘refresh’ of the page causes it to start working.

---

<div class="post-metadata">

**Author:** ![NiallDarwin](https://community.openems.io/user_avatar/community.openems.io/nialldarwin/32/857_2.png) [@NiallDarwin](https://community.openems.io/u/NiallDarwin)\
**Post date:** [September 16, 2023, 10:51pm UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/5 "2023-09-16T22:51:38Z")

</div>

Following the same procedure as @JimsterCoder but on a Windows machine.  
I encounter the same issues but the same result - The UI does work 😃 just not the first time!  
For me I had to stop & restart the serve (`ng serve -c openems-edge-dev`) and then I get data passing from Edge to backend. Great.

 ![Screenshot 2023-09-17 10.41.26](https://community.openems.io/uploads/default/original/1X/c0e6d10121cffd752b14f3a996a293d24af17742.jpeg)

---

<div class="post-metadata">

**Author:** ![stefan.feilmeier](https://community.openems.io/user_avatar/community.openems.io/stefan.feilmeier/32/2585_2.png) [@stefan.feilmeier](https://community.openems.io/u/stefan.feilmeier)\
**Post date:** [September 18, 2023, 8:27pm UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/6 "2023-09-18T20:27:19Z")

</div>

Thanks for your analysis. There might be an issue with Angular/Ionic lifecycle events, that do not always work reliably.

@lukasrgr: You’re the UI expert. Could you have a look (after your holidays), please?

---

<div class="post-metadata">

**Author:** ![NiallDarwin](https://community.openems.io/user_avatar/community.openems.io/nialldarwin/32/857_2.png) [@NiallDarwin](https://community.openems.io/u/NiallDarwin)\
**Post date:** [September 19, 2023, 9:10am UTC](https://community.openems.io/t/setup-ide-for-openems-ui-not-working/1923/7 "2023-09-19T09:10:38Z")

</div>

I have also noticed that data continues to pass to/from the UI after the serve process is stopped. It persists for maybe a minute or so. Immediately the serve process is stopped no new connection to UI can be achieved from a browser.
