Skip to content

Bubble card not displaying - 'does not exist' #1351

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
oerix opened this issue Mar 19, 2025 · 33 comments
Open

Bubble card not displaying - 'does not exist' #1351

oerix opened this issue Mar 19, 2025 · 33 comments
Labels
bug Something isn't working Bug-Fix 🥳

Comments

@oerix
Copy link

oerix commented Mar 19, 2025

Describe the bug
After updating v2.5.0-beta.8 it is showing error bubble-card no longer exists. I tried clearing frontend cache/data numerous times on all browsers, but still getting the same issue. This applies to desktop and the mobile app. I had to rollback the beta.7 to get everything working again.

To Reproduce
Steps to reproduce the behavior:

  1. Update to v2.5.0-beta.8
  2. See results

Expected behavior
Display cards like normal, without errors.

Screenshots

Image

Informations (please complete the following information):

  • OS: iOS 18.4 b4/ macOS 15.4 b4
  • Browser/App: Safari. Chrome, Firefox
  • Bubble Card version: v2.5.0-beta.8
  • Home Assistant version: 2025.3.3
@oerix oerix added the bug Something isn't working label Mar 19, 2025
@oerix
Copy link
Author

oerix commented Mar 19, 2025

Just to add, I never had this issue in the previous v2.4 betas, it only arose in the v2.5 betas, where I have to clear cache every single time I update. Unfortunately, in the latest beta (b8), it doesn't seem to have any effect at all.

@Clooos
Copy link
Owner

Clooos commented Mar 19, 2025

Hi! This is a random HACS issue and not everyone is experiencing this, have you updated it?

But here's how you can fix this:
#1243

@oerix
Copy link
Author

oerix commented Mar 19, 2025

Hi! This is a random HACS issue and not everyone is experiencing this, have you updated it?

But here's how you can fix this: #1243

I've just tried this workaround, but it doesn't seem to fix anything for me.

Hi, when I change the resources to hacstag=6801129192509 it reverts back to hacstag=6801129192508 once I update to beta.8 unfortunately.

Edit: @Clooos issue seem to had fixed after HA restart, thank you!
Btw, has this been reported in the Hacs repo?

@DerHerzog7
Copy link

I've yet to figure out a permanent fix to this. I get it every update

@s1mpleman
Copy link

I've yet to figure out a permanent fix to this. I get it every update

I have had this once or twice and specifically redownloading it through hacs has resolved it everytime so far.

@DerHerzog7
Copy link

I've yet to figure out a permanent fix to this. I get it every update

I have had this once or twice and specifically redownloading it through hacs has resolved it everytime so far.

Yeh that doesn't work for me. No idea why I can't get it to work

@Clooos
Copy link
Owner

Clooos commented Mar 23, 2025

Hi everyone, I've submitted an issue on the HACS GitHub, I will tell you when I have an answer 🙂

hacs/integration#4501

@Clooos
Copy link
Owner

Clooos commented Mar 26, 2025

Here's an answer from the HACS dev about this issue, can anyone tell me if this help you understand the cause of this?

hacs/integration#4501 (comment)

Also if someone can share logs, this can help a lot as well! 😄

@jaburges
Copy link

ok finally have some time to post about this.
I am experiencing varied results.
Web sometimes
Lenovo dashboard running mobile App all the time
iOS mobile app some of the time

Browser logs from web instance when it works:


bubble-card.js?hacstag=6801129192509:2
'bubble-modules.yaml' not found at /local/bubble/bubble-modules.yaml?v=1744388014473 (status: 404). Trying next...
  | loadYAML | @ | bubble-card.js?hacstag=6801129192509:2 -- | -- | -- | --

@Clooos
Copy link
Owner

Clooos commented Apr 11, 2025

This message can be ignored, but it shouldn't appears anymore in the next beta.

And this is weird that you still get this error, it should only happens once after an update.

@Clooos
Copy link
Owner

Clooos commented Apr 17, 2025

I tried a fix for the "Custom element doesn't exist" error, I unable to reproduce this issue, so I hope this will avoid that 🤞

This fix will be part of the next beta 🙂

Clooos added a commit that referenced this issue Apr 22, 2025
- Changed version to v3.0.0-beta.1.
- Fixed click propagation. PR #1396 by @AlexDaniel
- Added calendar card. PR #1207 by @brunosabot
- Fixed many slider-related issues
- Horizontal button stack now enters edit mode correctly
- Improved editor performance, UX, and info texts
- In Modules, unsupported is now supported (not a breaking change, but new Modules must follow this rule – editable in the Module editor)
- Fixed wrong zoom level in map-card inside pop-up-card. #1334
- Restored ability to use forecast attributes like forecast[0]?.temperature with HA 2025.4. #1369
- Additional pop-up optimizations
- Improved pop-up history handling
- Optimized and fixed issues in the action/haptic feedback system – #1354 #1364 #1372
- Play/pause button in media players can now be hidden properly – #1363
- Sliders now respect the defined step value correctly on release – #1399
- The "idle" state is no longer considered as "on" – #1388
- Attempt to fix random "Custom element doesn’t exist" errors – #1340 #1351
- Changed default accent color to blue – improves contrast with most themes, especially the default HA theme.
⚠️ Note: Older browsers may not support this. To revert, add this to your theme YAML: bubble-default-color: var(--accent-color)
- Made throttle function more reliable – PR #1395 by @AlexDaniel
- Changed default double-tap action to none – PR #1393 by @AlexDaniel
- Fixed sluggish buttons when double-tap is disabled – PR #1392 by @AlexDaniel
- Removed YAML install warnings (only shown to YAML users now)
- Added ability to edit YAML directly from the modules panel
- Added module creation directly from the editor
- Export module with full discussion structure
- Create custom sliders with a range directly in the UI (no YAML needed anymore)
- Fixed “Cannot read properties of null (reading 'shadowRoot')” error?
- Fixed layout issue breaking older custom styles (default grid_layout row is now set to auto)
- You can now create pop-ups directly! No need to start with a vertical stack, it is now added automatically. Makes setup much easier! You can also insert an example configuration.
- Module Store
- And so much more optimizations and fixes.
Clooos added a commit that referenced this issue Apr 22, 2025
- Changed version to v3.0.0-beta.1.
- Fixed click propagation. PR #1396 by @AlexDaniel
- Added calendar card. PR #1207 by @brunosabot
- Fixed many slider-related issues
- Horizontal button stack now enters edit mode correctly
- Improved editor performance, UX, and info texts
- In Modules, unsupported is now supported (not a breaking change, but new Modules must follow this rule – editable in the Module editor)
- Fixed wrong zoom level in map-card inside pop-up-card. #1334
- Restored ability to use forecast attributes like forecast[0]?.temperature with HA 2025.4. #1369
- Additional pop-up optimizations
- Improved pop-up history handling
- Optimized and fixed issues in the action/haptic feedback system – #1354 #1364 #1372
- Play/pause button in media players can now be hidden properly – #1363
- Sliders now respect the defined step value correctly on release – #1399
- The "idle" state is no longer considered as "on" – #1388
- Attempt to fix random "Custom element doesn’t exist" errors – #1340 #1351
- Changed default accent color to blue – improves contrast with most themes, especially the default HA theme.
⚠️ Note: Older browsers may not support this. To revert, add this to your theme YAML: bubble-default-color: var(--accent-color)
- Made throttle function more reliable – PR #1395 by @AlexDaniel
- Changed default double-tap action to none – PR #1393 by @AlexDaniel
- Fixed sluggish buttons when double-tap is disabled – PR #1392 by @AlexDaniel
- Removed YAML install warnings (only shown to YAML users now)
- Added ability to edit YAML directly from the modules panel
- Added module creation directly from the editor
- Export module with full discussion structure
- Create custom sliders with a range directly in the UI (no YAML needed anymore)
- Fixed “Cannot read properties of null (reading 'shadowRoot')” error?
- Fixed layout issue breaking older custom styles (default grid_layout row is now set to auto)
- You can now create pop-ups directly! No need to start with a vertical stack, it is now added automatically. Makes setup much easier! You can also insert an example configuration.
- Module Store
- And so much more optimizations and fixes.
@lacrima08
Copy link

lacrima08 commented Apr 24, 2025

I tried a fix for the "Custom element doesn't exist" error, I unable to reproduce this issue, so I hope this will avoid that 🤞

This fix will be part of the next beta 🙂

Hi Clooos,

First thanks for your hard work !

I also got this error when trying to install v3 beta 2 on 2.40

I've also tried clearing the caches, rebooting HA, uninstalling the old version and then installing the latest beta, but I still get the same error (doing everything from HACS).

EDIT : working when installing v3 beta 1

@Elitehoernchen
Copy link

EDIT : working when installing v3 beta 1

same for me, 3.0 beta 2 and 3 not working.

Had the same with 2.5 beta 9, while beta 8 was working

@Clooos
Copy link
Owner

Clooos commented Apr 26, 2025

This issue can be easily fixed, check this:
#1243 (comment)

@HyperCriSiS
Copy link

Also had the same again. I deleted the resources, reinstalled and it worked.

@Elitehoernchen
Copy link

can confirm, after manually deleting bubble-card.js in explorer and reinstalling its working

@oerix
Copy link
Author

oerix commented May 3, 2025

Until this is officially addressed, you can temporarily 'fix' this with each beta update using the steps below.
I have tested this on multiple betas and it worked every time, without requiring you to delete cache for each device.

  • Remove bubble-card.js under Dashboard > Resources then Reload the page.
  • Remove Bubble-card from HACS.
  • Reinstall Bubble-Card and reload the page.
  • Delete Cache on the browser, so the editor is updated to latest beta.

@marcelomarshmallow
Copy link

First of all, thanks for the great custom cards, @Clooos!

After updating HA to 2025.5.1, the select buttons stopped working as in issues #1457 and #1466 (I was on v2.4 at this time).

This should be fixed with v3.0 beta 6. However, after installation, the custom bubble-cards are no longer displayed with error message Custom element doesn't exist: bubble-card.

I tried @oerix' approach and it doesn't work in this case either.

After rolling back to v3.0 beta 5, the cards are displayed again, but of course the original problem with the select buttons remains.

HA-Version: 2025.5.1
Error occurs in Browser (Firefox in my case) & App

@Clooos
Copy link
Owner

Clooos commented May 11, 2025

Try the other suggestions in this issue if this one isn't working 🙂

@marcelomarshmallow
Copy link

Try the other suggestions in this issue if this one isn't working 🙂

Thanks, this one helped me fix the problem. 😺👍

This issue can be easily fixed, check this: #1243 (comment)

@Clooos
Copy link
Owner

Clooos commented May 13, 2025

Hi everyone! Ludeeus, the HACS dev, was finally able to reproduce this issue, and it will be fixed in the next HACS release! 🥳

This only happens with beta versions (any version that isn’t marked as “latest”). And after three months of beta testing, you can’t imagine how many times this issue has been reported, here, on the HA forum, on Reddit...

So I'm really relieved it's finally identified and being fixed. Huge thanks to everyone who helped report it and stayed patient along the way!

hacs/integration#4603

@pgale
Copy link

pgale commented May 14, 2025

Is the HACS 2.0.5 release the one that's meant to fix this?

I have that and just installed bubble card 3.0.0 beta7 and can't seem to get it to load even with trying the old hack of modifying the HACSTAG.

@Clooos
Copy link
Owner

Clooos commented May 14, 2025

Nope, this fix hasn’t been released yet.

But this solution seems to works as well:

https://community.home-assistant.io/t/bubble-card-a-minimalist-card-collection-for-home-assistant-with-a-nice-pop-up-touch/609678/2668?u=cloos

@pgale
Copy link

pgale commented May 14, 2025 via email

@pgale
Copy link

pgale commented May 14, 2025

Yes that worked nicely :)

@Clooos
Copy link
Owner

Clooos commented May 14, 2025

Nice! Thank you for the feedback!

@HyperCriSiS
Copy link

This time deleting resources did not work but I could easily fix it by just changing the last number of the HACS tag 🎉

@damomato
Copy link

I managed to fix this by accident. While following one of the fixes, I re-downloaded the previous HACS version (2.0.4) and instead of restarting it I accidentally updated back to 2.0.5 and restarted and it started working again

@pantherale0
Copy link

I have the same issue with beta 7, all the other betas are fine and I can switch between them without issue. The browser logs show the following. The above workarounds does not work. This is reproducible on multiple browsers and devices.

Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)
Navigated to http://10.10.50.12:8123/dashboard-testboard/0?edit=1
Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
 Bubble Card  v2.4.0 [bubble-card.js:1445:40331](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=680112919240)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
 Bubble Card  v3.0.0-beta.1 [bubble-card.js:2523:3922](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193001)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
 Bubble Card  v3.0.0-beta.6 [bubble-card.js:2659:5797](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193006)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)

@Clooos
Copy link
Owner

Clooos commented May 17, 2025

I have the same issue with beta 7, all the other betas are fine and I can switch between them without issue. The browser logs show the following. The above workarounds does not work. This is reproducible on multiple browsers and devices.

Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)
Navigated to http://10.10.50.12:8123/dashboard-testboard/0?edit=1
Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
 Bubble Card  v2.4.0 [bubble-card.js:1445:40331](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=680112919240)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
 Bubble Card  v3.0.0-beta.1 [bubble-card.js:2523:3922](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193001)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
 Bubble Card  v3.0.0-beta.6 [bubble-card.js:2659:5797](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193006)
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
Navigated to http://10.10.50.12:8123/hacs/repository/680112919
Uncaught SyntaxError: unexpected token: '!'
[bubble-card.js:2:82811](http://10.10.50.12:8123/hacsfiles/Bubble-Card/bubble-card.js?hacstag=6801129193007)

Thank you for the feedback, this error is interesting (because I don't have it), I will check that!

@blueJack92
Copy link

I have the problem with the latest beta8.

@alexanderdominicnesbitt

I have the problem with the latest beta8.

Same, tried clearing cache and data, restarting etc. rolled back to beta 7 and working fine

@blueJack92
Copy link

Same, tried clearing cache and data, restarting etc. rolled back to beta 7 and working fine

I can go back to Beta 7 without the whole procedure. All versions work, only beta 8 does not ...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Bug-Fix 🥳
Projects
None yet
Development

No branches or pull requests