Failing widgets after upgrade to 24.7

[rico3]

it seems pure coincidence which widget loads and which "failed to load widget" (though Disk always loads)
tried Firefox / Chrome, empty browser cache, new browser profile.. no difference
when removing and adding the widgets they work .. until next load of Dashboard
APU.4

[newsense]

Can confirm issues remain after _5, and I'm seeing it on much more powerful systems such as N5105 or J3710 CPUs with 8GB RAM. I checked whether removing/re-adding the widgets makes a difference and it doesn't.

Onwards to 24.7.1, things will improve shortly.

[xupetas]

After updating to 24.7_5 its the same. I have some functioning widgets, some not, and the weird part is that i cant delete at least the  Traffic Graph if i press the X to close it.
I cant get any cpu reading, and this a beefy boy: Ryzen 5 3600X

Ps: i am running opnsense inside a VM. I can see traffic inside of Report --> Traffic.

PS2: with debugging enabled what i am mostly getting is Failed to load content for widget: XXXXXXXX, Error: TypeError: selector.replace is not a function

[Bob.Dig]

Having the widget problem too, in FF & Chromium (all I tested). Install is virtual in the Oracle Cloud (OCI) but very good performance I would say.

Which widget works and which not seems to randomly change.

[phanos]

Also the same. I tried updating 24.7_5 but the issue is still there.

I tested FF, chrome, Edge on Linux, Windows and Safari on iOS. Rebooted the router many times and only one browser logged in.

Clear cache many times.

No solution. I think we have to wait for opnsense team to give us an update that fixes the issue.

[Cobbler0968]

Reduce the amount of widgets to most critical.  I reduced to three, Firewall, Traffic Graph and System Info. If I go beyond five, I see fail to load.  Works for me until there's a resolution.

[franco]

Another issue seems to be the web server having too few concurrent connections set up:

https://github.com/opnsense/core/commit/724f8494d6

# opnsense-patch 724f8494d6
# configctl webgui restart


Cheers,
Franco

[bytequest]

The "interface" widget seems to be the issue on my APU2. Disabling it and the rest of my widgets starts to work.

[doktornotor]

The "interface" widget seems to be the issue on my APU2. Disabling it and the rest of my widgets starts to work.

No interfaces widget here... Default dashboard, with thermal sensors added (to check the other reports here) Yet (even with 724f8494d6 applied):

EDIT: When I remove the thermal sensors widget (which most of the times does not load anyway, it mostly "unbreaks" the announcements widget as well. This thing needs some serious polishing and realistic timeouts.

[aborsik]

Is there any way to revert back to "old" dashboard? In my case, even when using browser never used before to access updated OPNSense it's failing - widgets are not loaded, in some error status and also it can take several seconds when WebGUI is somehow responsible again. Thank you.

[doktornotor]

Beyond downgrade, nope...

[Ground_0]

Another widget issue here, unfortunately.
Unable to add widgets due to the drop down menu disappearing immediately after clicking on the desired widget to add, and therefore unable to apply changes.

[newsense]

Change your theme to the OPNsense one until it gets updated

[newsense]

Another issue seems to be the web server having too few concurrent connections set up:

https://github.com/opnsense/core/commit/724f8494d6

# opnsense-patch 724f8494d6
# configctl webgui restart


Cheers,
Franco

Things are much better with this patch, not perfect though.

Here's what I'm seeing:

Connected over ZT - slower link - things look fine. No other connections to the dashboard.

Connected both over ZT and locally behind the FW - occasional widget crashes locally, sometimes self-healing, relading the page fixes it. Meanwhile the widgets on the ZT/slow link have crashed and not even after multiple reloads they don't recover.

Seeing these messages the dev tools console in a loop:

Code Select Expand

The connection to https://192.168.EDI.TED/api/diagnostics/traffic/stream/1 has terminated unexpectedly. Some data may have been transferred. BaseWidget.js:195:27
Uncaught (in promise)
Object { xhr: {...}, textStatus: "error", errorThrown: "" }
4 Traffic.js:197:5
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: swap, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: firewallstates, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: memory, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: swap, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: firewallstates, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: memory, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: services, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: thermalsensors, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfacestatistics, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: interfaces, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: gateways, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17
Failed to load content for widget: systeminformation, Error:
Object { xhr: {...}, textStatus: "timeout", errorThrown: "timeout" }
opnsense_widget_manager.js:486:17


[mburmester]

As a workaround I found it useful to delete as many widgets as possible and keep a small number that you really care about until there is a fix.