VIS2 React error

Reply to VIS2 React error on Thu, 29 Oct 2026 06:12:40 GMT

Bluefox — Thu, 29 Oct 2026 06:12:40 GMT

@looxer01 Das ist nur der Stacktrace. Die eigentliche Fehlermeldung steht in den ersten Zeilen (0 bis 12), die fehlen hier. Bitte poste die noch.

Vermutlich hängt es mit der Umstellung von vis-2 auf React 19 zusammen. Widget-Sets, die noch mit React 18 gebaut sind, können damit nicht mehr geladen werden. Dann fehlen deren Widgets im Editor. Die Liste der betroffenen Sets steht hier: https://github.com/ioBroker/ioBroker.vis-2/issues/689

Bitte noch:

Kommt im Editor ein Dialog, der übersprungene Widget-Sets auflistet? Wenn ja, welche stehen da drin?
Welche Versionen von vis-2, web und den installierten Widget-Adaptern hast du? Am einfachsten mit:

iob diag

Tritt der Fehler auch auf, wenn du den Editor im Inkognito-Fenster öffnest (wegen Browser-Cache)?

Reply to VIS2 React error on Tue, 27 Oct 2026 12:01:14 GMT

OliverIO — Tue, 27 Oct 2026 12:01:14 GMT

@looxer01

Sentry wird man nichts machen können.
Da ist der Fehler ein Connection time out.
Das ist eher ein Zeichen dafür das der Dienst überlastet ist
Sentry ist zum automatisierten melden von Fehlern.
Leider hat sentry im kostenlosen Account nur eine geringe Max request Anzahl.
Ich habe das bei meinen Adaptern wieder herausgenommen.

Reply to VIS2 React error on Tue, 27 Oct 2026 11:43:40 GMT

looxer01 — Tue, 27 Oct 2026 11:43:40 GMT

ich mache aber ein issue aus für material design und inventwo. dann gibt es noch die beiden sentries. da weiss ich nicht was da fehlt

Reply to VIS2 React error on Tue, 27 Oct 2026 11:34:38 GMT

looxer01 — Tue, 27 Oct 2026 11:34:38 GMT

Hi,
die widgets die ich nutze funktionieren. Ich habe als beispiel material design deinstalliert und neuinstalliert, da die manifest datei nicht vorhanden ist (404). Das hat aber keine Änderung gebracht. Im Moment ist das iobroker log aber ruhig.

Reply to VIS2 React error on Tue, 27 Oct 2026 11:30:53 GMT

OliverIO — Tue, 27 Oct 2026 11:30:53 GMT

@looxer01

Funktionieren die Widgets jetzt alle?

Leider sind die links gekürzt.
Ich glaube da hat der Entwickler geschlampt und vergessen eine Datei de bei react19 neu ist mit ins Build aufzunehmen.
mf-Manifest.json

Schau dir mal die links an, da müsste der technische Name des widgetsets mit enthalten sein. Dann bei dem Adapter in github ein issue aufmachen.
Falls der Entwickler im Forum erreichbar ist, dann evtl. auch hier.

https://forum.iobroker.net/topic/85580/anleitung-widget-sets-auf-react-19-und-vis-2-2.20-umstellen

Du verwendest vis-2 aus dem Beta repo.
Aktuell findet eine größere Umstellung der Widgets statt. Es sind noch nicht alle Widgets umgestellt und funktionieren für vis-2 > v 2.20.0 noch nicht.

Reply to VIS2 React error on Tue, 27 Oct 2026 11:02:39 GMT

looxer01 — Tue, 27 Oct 2026 11:02:39 GMT

Hi Oliver,
vielen dank, du hattest mit deiner Vermutung vollkommen recht. Eine ensprechende anpassung hat die wichtigsten probleme im editor gelöst. die icons sind wieder sichtbar. Allerdings habe ich noch die Fehlermeldungen im iobroker log:

das deutet auf fehler bei den entsprechenden widgets hin. suche ich mir raus. ich hoffe, dass dann das log problem beseitigt ist.

vG Looxer

Reply to VIS2 React error on Mon, 26 Oct 2026 21:54:12 GMT

OliverIO — Mon, 26 Oct 2026 21:54:12 GMT

@looxer01

must wahrscheinlich erstmal nicht von vorne anfangen.
zumindest den hier sichtbaren fehler nach.

Das scheinen binding Fehler zu sein. du baust wahrscheinlich Werte aus Datenpunkten in javascripte in einem html? widget oder ähnlichem ein.
Da entweder die Datenpunkte nicht existieren oder keinen gültigen Wert enthält, ist das daraus resultierende javascript ungültig.
Die codereferenz Zeile 2156, müsste zum binding mechanismus von vis-2 gehören

Beachte auch, das die kompakte Schreibweise von css-Regeln und auch javascript in vis1/vis2 zu Fehlern führt, da alles was sich zwischen geschweiften Klammern befindet als binding Ausdruck interpretiert wird.

Beispiel für CSS

.cssklasse {color:white}

führt dann bspw in einem html widget, nachdem vis die bindings analysiert hat zu folgendem Ergebnis

.cssklasse {undefined}

daher lieber so schreiben

.cssklasse {
   color:white
}

Also öffnende und schließende geschweifte Klammer auf unterschiedlichen Zeilen. Das selbe gilt auch für javascript

Reply to VIS2 React error on Mon, 26 Oct 2026 21:36:35 GMT

looxer01 — Mon, 26 Oct 2026 21:36:35 GMT

danke, einige fehler kommt wohl von fehlenden images. war eine migration.
Der Rest könnten Folgefehler sein. Es könnte sein, dass ich von scratch anfangen muss.
Was meint ihr ?

vG Looxer

Reply to VIS2 React error on Mon, 26 Oct 2026 19:46:41 GMT

sigi234 — Mon, 26 Oct 2026 19:46:41 GMT

Screenshot von f12 konsole