Hi everyone,
since yesterday my lovelace dashboard becomes very unresponsive if I switch to editing mode. It’s almost impossible to make changes to a card because every time I want to click a button (“edit card” for example) it takes a minute or two and a few extra clicks to actually activate it. This is my browsers console output:
VM18:1 A preload for 'http://192.168.178.60:8123/frontend_latest/core.a3d9350b.js' is found, but is not used because the script type does not match.
(anonymous) @ VM18:1
VM18:1 A preload for 'http://192.168.178.60:8123/frontend_latest/app.ce7ee54a.js' is found, but is not used because the script type does not match.
(anonymous) @ VM18:1
VM22:49 Uncaught (in promise) DOMException: Failed to execute 'whenDefined' on 'CustomElementRegistry': "style" is not a valid custom element name
at HTMLDocument.addUndefinedResolver (<anonymous>:49:28)
browser_mod.js:149 BROWSER_MOD 1.3.0 IS INSTALLED DeviceID: 91a1c1eb-98a4036a
utils.ts:3 BATTERY-STATE-CARD 1.6.4
mini-graph-card-bundle.js:1 MINI-GRAPH-CARD 0.10.0
entities.js:28 SPOTIFY-CARD Version 2.3.7
light-entity-card.js:9160 LIGHT-ENTITY-CARD Version 4.2.2
scheduler-card.js:1626 SCHEDULER-CARD Version: v2.0.5
button-card.js:425 BUTTON-CARD Version 3.4.2
custom-sidebar.js:1 Custom Sidebar is loading
card-mod.js:5 CARD-MOD 3.0.8 IS INSTALLED
lovelace-card-templater.js:8 CARD-TEMPLATER Version 0.0.9
4index.js:3277 Uncaught TypeError: Cannot read property 'cssRules' of null
at prepareOverridesSheet (index.js:3277)
at Object.modifySheet (index.js:3016)
at buildOverrides (index.js:3297)
at index.js:3288
at index.js:256
at index.js:69
custom-sidebar.js:135 Custom Sidebar is loaded
pie-chart-card.js:4 PIE-CHART-CARDVersion: 0.0.1
0:1 The resource http://192.168.178.60:8123/frontend_latest/core.a3d9350b.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
0:1 The resource http://192.168.178.60:8123/frontend_latest/app.ce7ee54a.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
I think I could have wrote a css “style” wrong (like in the third entry) but I absolutely don’t know where or how to find it.
Maybe you had a similar situation and can help me.
Thanks!
Edit: Ok, so I tested with different Browsers before (Brave and Chrome) thus I thought it isn’t a browser issue. After a while now I tested again but with Firefox and tada! Everything works fine. I switched back to Brave but here the error still exists.
I’ve already reloaded and cleared the cache a few times, so I thought it was a browser issue again.
Today I accessed my frontend again via another computer (brave browser) and everything works fine again.
What could cause this or what else could I delete in addition to the cache?