"Custom element doesn't exist" on Google Nest Hub

[KazemaRyukuro]

Hello, I have the problem that I can no longer use the Bubble Cards on my Google Nest Hub. I get the error message "custom element doesn't exist". All other third-party cards work as usual.

[Clooos]

Hi, take a look here 🙂 https://github.com/Clooos/Bubble-Card/issues/338

[bartzwederlander]

Same issue here, i cast to my nest hubs and since updating that doesn.t work. I already have type: custom:bubble-card card_type: pop-up, never had otherwise. I downgraded tot version 1.5.3 and now it's working fine again when casting. On the desktop it worked fine all the time, problems with the newer version only happened when casting the dash

[Clooos]

I will have to investigate on that issue, I really don't know why it's not working anymore.

[Clooos]

Could you try to reinstall it directly on the Nest Hub? If it works that way I might have an idea on how to fix that easily.

[bartzwederlander]

i could try if i knew what you mean. I never installed anything on the hub, i just made a dash in HA with bubble pop-up, and i filled in the external url of my HA on some site of nabu casa (i do not have a subscription on nabu casa, i do have manually configured google assistant which works fine) and 1 cast the dashboard to the hub. What would you want me to install on the hub, and how?

[Clooos]

Sorry if I wasn’t clear enough, what I mean is can you try to reinstall it in HACS directly on the Nest Hub, because when you do that you are sure that the cache is cleared on that device. If it's just a cache issue it will be easy for me to fix that.

[bartzwederlander]

i'm not an expert, i don't know what you mean bij install in HACS directly on the nest hub. I did reinstall bubble 1.6.4 in hacs now, but i have no idea how i could install something on the hub. The dashboard works fine on my desktop, but when casting it to the hub it gives an error and shows all vertical stacks in 1 page. I have no idea how i could force clear a cache in the hub itself

[Clooos]

Do you have HACS installed on you Home Assistant? Or did you do a manual installation?

[bartzwederlander]

i have hacs installed, but after installing bubble in hacs it did not show up, so i added - url: /hacsfiles/Bubble-Card/bubble-card.js type: module in my configuration.yaml. same thing for mushroom, button card and expander card which i installed via HACS but did not show up untill i added the lines in the cfg and rebooted. all 4 cards work fine

[Clooos]

Ho so it's working now on your Nest Hub?

[bartzwederlander]

No, on the desktop the dashboard with bubble pop up works fine, but when casting the same dash to the nest hub there it gives error message "custom element doesn't exist" on the location of every horizontal stack button and shows all vertical stacks at the same time in one screen

[Clooos]

I misunderstood your answer, but this is strange that you had to add it this way to make it works. I will release a new beta soon that could maybe fixes your issue 🤞

[ahattest]

Same issue, I have bubble card installed trough Hacs in the normal way.

[cromelex]

Hi, I have the same issue with this. Basically, the issue only happens when casting the dashboard, the cards only show the error "custom element doesn't exist".

I installed with HACS but have also added manually in resources (something that I've seen suggested as a workaround for this error).

Happy to test further when you release a beta.

[Clooos]

Hi everyone! Here is a test version that I really hope could fix this issue, just install it with the Without HACS installation method.

All my fingers are crossed because I don't have a Nest Hub unfortunately 🤞

I can't wait for your feedback on this!

Bubble Card Nest Hub test version.zip

[cromelex]

Thanks. I've installed and will report back in a few days - there is no button to wipe the cache on the Nest Hub, so I can't see any effect immediately.

[Clooos]

Any new feedback after testing it? The new v1.7.1 contains the fixes I've applied in this test version posted above for everyone who wants to test this version directly from HACS.

https://github.com/Clooos/Bubble-Card/releases/tag/v1.7.1

[cromelex]

Sorry I was out for the last few days and didn't get the chance to check. I had installed it, and when I checked just now the card is still missing.

Could be a Google Nest cache issue (there's no way I know of to actually force a refresh), but at it is considering it was installed 4 days ago, it could be that the fix didn't work.

[Clooos]

I'm still clueless... but I will not give up!

[cromelex]

I will try and reboot the nest again (and Hass) or otherwise change the dashboard URL tomorrow to try and force an update on case it's a cache issue, and will let you know.

By the way, the home assistant cast FAQ page says this, which I assume you looked at already but will say it just in case:

_ Some custom cards rely on things that are only available in the normal Home Assistant interface. This requires an update by the custom card developer.

If you're a custom card developer: the most common mistake is that LitElement is extracted from an element that is not available on the page. _

[Clooos]

I've seen that indeed, and LitElement is extracted exactly like in the v1.5.3, that's why I'm a bit clueless right now. But I need to do more research on that.

[cromelex]

Tried again today in a new dashboard so there wouldn't be caching issues. Still get the "Custom element doesn't exist".

[tdlamey]

I'm also experiencing this issue. My bubble popup cards look fine on my Chrome browser on PC, but I get the Custom element doesn't exist: bubble-card. message when casting to my Nest Hub Max.

I took a look at my HA system logs and I see the following error being logged when I start casting.

Logger: frontend.js.latest.202402071
Source: components/system_log/__init__.py:306
First occurred: 10:49:28 AM (6 occurrences)
Last logged: 3:41:55 PM

Uncaught error from Chrome 118.0.0.0 on Chromecast 1.56.500000 TypeError: Cannot convert undefined or null to object /hacsfiles/Bubble-Card/bubble-card.js:1:16782 /hacsfiles/Bubble-Card/bubble-card.js:520:30201

Looks like bubble-card.js has an issue with a type conversion / null reference.

I'd love to be able to use the bubble cards on my casting dashboard, they seem like they'd be a great addition. I hope this helps :)

[Clooos]

Hi everyone, I've released the v2 in beta and I wanted to know if it was possible that this issue was fixed?

By the way here is the link to the full changelog: https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.1

[cromelex]

Hi everyone, I've released the v2 in beta and I wanted to know if it was possible that this issue was fixed?

By the way here is the link to the full changelog: https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.1

I have just installed the new beta.2 and will report on this issue within the next few days.

Thanks

[cromelex]

Can confirm it still doesn't work. Same error as before.

[KazemaRyukuro]

If it´s helpful for you:

Logger: frontend.js.latest.202404042
Quelle: components/system_log/__init__.py:320
Erstmals aufgetreten: 19:32:13 (1 Vorkommnisse)
Zuletzt protokolliert: 19:32:13

Uncaught error from Chrome 120.0.0.0 on Chromecast 1.56.500000 TypeError: Cannot convert undefined or null to object /hacsfiles/Bubble-Card/bubble-card.js:1:49220 /hacsfiles/Bubble-Card/bubble-card.js:1042:19467

[Clooos]

Finger crossed, I've worked on this (again) in the last beta!

https://github.com/Clooos/Bubble-Card/releases/tag/v2.0.0-beta.5

[cromelex]

Issue still showing for me this morning with the beta5.

[Clooos]

Can I send you a dev release? It would help me to get a more detailed error.