Leeres Fenster in der localhost:4200 UI

Deutsches Forum Software-Entwicklung
1

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

2

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

3

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
    1.2 Direktlink: 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. Otherwise just go ahead with the hosted version:”
    1.2 Direktlink: Setup IDE for OpenEMS UI :: Open Energy Management System

Gruß,
Stefan

4

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

5

bei einer leeren Seite ist vielleicht der Websocket-Port falsch. Versuch mal 8075 anstatt 8085.

Gruß
klinki

1 Like
6

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.

7

Hi @ryan, welcome to the Community!

I suggest opening the Browser console 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

8

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.