# Leeres Fenster in der localhost:4200 UI **URL:** \ **Category:** Software-Entwicklung\ **Created:** [April 5, 2023, 11:10am UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512 "2023-04-05T11:10:44Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Gage](https://community.openems.io/letter_avatar_proxy/v4/letter/g/77aa72/32.png) [@Gage](https://community.openems.io/u/Gage)\ **Post date:** [April 5, 2023, 11:10am UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/1 "2023-04-05T11:10:44Z")
Guten Tag! Ich bin aktuell dabei das OpenEMS Projekt lokal zum laufen zu bekommen, dafür habe ich die “Getting Started”-Anleitung herangezogen. Ich bin jetzt an dem Punkt 5.3 " Connect OpenEMS UI with Backend" angekommen und habe den Command ng serve -c openems-backend-dev ausgeführt. Allerdings erhalte ich auf [http://localhost:4200/](http://localhost:4200/) eine leere Seite. Im Entwicklertool steht javascript soll aktiviert werden, ist aber bereits so eingestellt. Die Konsole der EdgeApplication bzw. der BackendApplication geben beide keine weiteren Fehler aus. Habe ich etwas falschgemacht oder ist etwas (Node.js?) falsch konfiguriert? Ich freue mich auf antworten und verbleibe mit freundlichen Grüßen Gage ---
**Author:** ![Gage](https://community.openems.io/letter_avatar_proxy/v4/letter/g/77aa72/32.png) [@Gage](https://community.openems.io/u/Gage)\ **Post date:** [April 6, 2023, 8:53am UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/2 "2023-04-06T08:53:59Z")
Kleines Update dazu. Ich bekomme in den Entwicklertools meines Browsers während der Laufzeit folgenden Fehler: Error: Unexpected value ‘AngularMyDatePickerModule’ imported by the module ‘AppModule’. Please add an @NgModule annotation. at verifySemanticsOfNgModuleDef (core.mjs:22377:19) at core.mjs:22388:9 at Array.forEach () at verifySemanticsOfNgModuleDef (core.mjs:22386:60) at AppModule.get (core.mjs:22339:30) at getInjectorDef (core.mjs:437:13) at walkProviderTree (core.mjs:7715:18) at core.mjs:7675:13 at core.mjs:4091:76 at Array.forEach () ---
**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:** [April 6, 2023, 10:36am UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/3 "2023-04-06T10:36:50Z")
Hallo Gage, nur zur Klärung, weil du schon bei Punkt 5.3 bist. 1. Hat das “OpenEMS-UI-Local”, das Consolinno zur Verfügung stellt funktioniert? 1.1 in der Doku unter Punkt 4: [Getting Started :: Open Energy Management System](https://openems.github.io/openems.io/openems/latest/gettingstarted.html#_run_openems_ui) 1.2 Direktlink: [https://openemsuilocal.consolinno.de/](https://openemsuilocal.consolinno.de/) 2. Klappt die Anbindung an von UI an OpenEMS Edge? 1.1 Verlinkt bei Punkt 4 mit “If you plan to actively develop on OpenEMS UI, you can now also setup a development environment for it using [this guide](https://openems.github.io/openems.io/openems/latest/ui/setup-ide.html). Otherwise just go ahead with the hosted version:” 1.2 Direktlink: [Setup IDE for OpenEMS UI :: Open Energy Management System](https://openems.github.io/openems.io/openems/latest/ui/setup-ide.html) Gruß, Stefan ---
**Author:** ![Gage](https://community.openems.io/letter_avatar_proxy/v4/letter/g/77aa72/32.png) [@Gage](https://community.openems.io/u/Gage)\ **Post date:** [April 6, 2023, 10:59am UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/4 "2023-04-06T10:59:21Z")
Hallo Stefan, danke erstmal für die Antwort! Über Consolinno funktioniert die Ansicht der Dummy Daten. Allerdings habe ich bei der Anbindung der UI an OpenEMS Edge den gleichen Fehler. Trotz der Einrichtung beschrieben in “Setup IDE for OpenEMS UI”. ---
**Author:** ![klinki](https://community.openems.io/letter_avatar_proxy/v4/letter/k/858c86/32.png) [@klinki](https://community.openems.io/u/klinki)\ **Post date:** [April 6, 2023, 4:19pm UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/5 "2023-04-06T16:19:08Z")
bei einer leeren Seite ist vielleicht der Websocket-Port falsch. Versuch mal 8075 anstatt 8085. Gruß klinki ---
**Author:** ![ryan](https://community.openems.io/letter_avatar_proxy/v4/letter/r/a8b319/32.png) [@ryan](https://community.openems.io/u/ryan)\ **Post date:** [September 30, 2023, 3:58pm UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/6 "2023-09-30T15:58:46Z")
Hello, Was this resolved? I’m having the same issue in section 5.3 where the localhost:4200 is coming up blank. Running Edge and Backend on Macbook, Eclipse IDE, Angular, etc. ---
**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:** [October 15, 2023, 8:46pm UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/7 "2023-10-15T20:46:59Z")
Hi @ryan, welcome to the Community! I suggest [opening the Browser console](https://firefox-source-docs.mozilla.org/devtools-user/browser_console/index.html) to see the logs. It will become obvious if there are connection problems or you just did not configure anything yet. If unsure, just post the logs here and we’ll guide you. Regars, Stefan ---
**Author:** ![hydroid7](https://community.openems.io/letter_avatar_proxy/v4/letter/h/6f9a4e/32.png) [@hydroid7](https://community.openems.io/u/hydroid7)\ **Post date:** [December 4, 2023, 11:17am UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/8 "2023-12-04T11:17:50Z")
Given the error message above the issue here is that `npm install` did not run successfully and therefore some packages are missing. Please ensure that all your packages are correctly installed. ---
**Author:** ![Nils](https://community.openems.io/letter_avatar_proxy/v4/letter/n/d6d6ee/32.png) [@Nils](https://community.openems.io/u/Nils)\ **Post date:** [November 1, 2025, 7:40pm UTC](https://community.openems.io/t/leeres-fenster-in-der-localhost-4200-ui/1512/9 "2025-11-01T19:40:48Z")
Hallo OpenEMS-Community! Ich bin neu dabei und versuche mich gerade mit dem Getting Started mit OpenEMS vertraut zu machen. openems.edge läuft und ist über die Apache Web Console mit der Simulation konfiguriert. Die Konsolenausgabe zeigt, dass edge erfolgreich läuft. Ich starte openems.ui über Visual Studio Code mit node.js mit `ng serve -c openems-edge-dev`, nachdem ich `npm install -g @angular/cli` und `npm install` erfolgreich ausgeführt habe. Unter `localhost:4200` öffnet sich dann ein Fenster mit Titel OpenEMS und Logo, im Fenster erscheint “Wird geladen…”, aber es öffnet sich nichts. In den Entwicklertools des Browsers (Google Chrome) wird folgende Fehlermeldung 7 Mal (für 7 verschiedene Komponenten) angezeigt: `template.html:19 NG0912: Component ID generation collision detected. Components ‘DetailsOverviewComponent2’ and ‘DetailsOverviewComponent8’ with selector ‘ng-component’ generated the same component ID. To fix this, you can change the selector of one of those components or add an extra host attribute to force a different ID. Find more at v20.angular.dev/errors/NG091` Nach einer ganzen Weile (mehrere Minuten) kommt dann eine Antwort auf der Seite, die besagt “Lokalzugriff derzeit nicht möglich Sollte das OpenEMS-Gerät neugestartet worden sein, warten Sie bitte einen Moment, bis der Neustart abgeschlossen wurde. undefinedundefinedundefinedundefinedundefined Probieren Sie bitte in 10 Minuten den Browser erneut zu laden” Hat jemand einen Tipp, woran das liegen kann? Danke, Nils