Skip to content
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

Custom element doesn't exist: bubble-pop-up. #184

Closed
kevinbegley opened this issue Nov 19, 2023 · 14 comments
Closed

Custom element doesn't exist: bubble-pop-up. #184

kevinbegley opened this issue Nov 19, 2023 · 14 comments
Labels
help wanted Extra attention is needed

Comments

@kevinbegley
Copy link

Hello,

I just updated to 1.5.0 and as part of the update I added the following to the configuration file. However, when I update the card to "custom: bubble-pop-up" and I get the error "Custom element doesn't exist: bubble-pop-up.".
frontend:
extra_module_url:
- /hacsfiles/Bubble-Card/bubble-pop-up.js

Thank you,
Kevin

@meanaverage
Copy link

Same here. Tried using 'config/www/community' as well but I guess hacsfiles is supposed to be an alias for that so shouldn't matter. Bummer.

@meanaverage
Copy link

meanaverage commented Nov 19, 2023

This is my .storage/lovelace_resources file:
{
"version": 1,
"minor_version": 1,
"key": "lovelace_resources",
"data": {
"items": [
{
"id": "77e731b0c1f143e39043a47e5f27149f",
"url": "/hacsfiles/vacuum-card/vacuum-card.js?hacstag=261291295276",
"type": "module"
},
{
"id": "b05bb660c28146fd83a95dfcb612ea28",
"url": "/hacsfiles/Bubble-Card/bubble-card.js?hacstag=680112919150",
"type": "module"
}
]
}
}

I feel like the issue is bubble-pop-up.js is not here? The extra_module_url line in config yaml seems to do nothing? Does a certain mode need to be enabled in order to use that tag? Extremely new to HA, just installed it a couple days ago. Could use some direction here. I want to bubble!

@Clooos
Copy link
Owner

Clooos commented Nov 19, 2023

Hi and thanks for your feedback. Have you rebooted Home Assistant? Can you show me your browser console if it's not the case?

@meanaverage
Copy link

meanaverage commented Nov 19, 2023

I had rebooted HA vm multiple times. I checked dev tools in my browser and I had network record mode on from a previous 'adventure'. After turning it off and clearing my record log and wiping console, it actually started working. No clue how that could have been the issue but maybe record mode was holding my cache or something.

But now the 'add button' on the horizontal stack (inside of a vertical stack, first card = pop-up card, second card = horizonal stack) does not work. It's not clickable. This seems to be a separate issue though. Think I'm going to bed and will just come back tomorrow and see if these are broader issues with this update or I just need to reboot my client machine vs. my home assistant vm.

Thanks for developing this. Looks really nice. Excited to use it.

@Clooos
Copy link
Owner

Clooos commented Nov 19, 2023

Glad that you find out how to make it work! 😀 It was probably an issue with your cache indeed.

Edit: I've just tried and I have no issues with the "Add button", tell me if it's still not working for you.

@Clooos Clooos added the help wanted Extra attention is needed label Nov 19, 2023
@KKox-26
Copy link

KKox-26 commented Nov 19, 2023

Hello i have the same issue on android, it works on my browser.

I have cleared the cache data in android but i have the message "Custom element doesn't exist: bubble-pop-up."

Edit : I have to remove userdata and it works.

@TheFinalJoke
Copy link

Hey Everyone! I was having this problem in chrome and I was checking everything and follow the instructions. I finally got it working by refreshing my cache in my browser. I wonder if they cached has default card options and card locations. But might be worth to note in the installation for Existing Users to refresh the cache! Love this card and thanks for making it!

@Clooos
Copy link
Owner

Clooos commented Nov 19, 2023

I will add that in the instructions, thanks for your feedback!

@guy0nabuffalo
Copy link

Having this issue on Android app. Tried clearing the app cache, did not clear the data. Still showing custom element doesn't exist: bubble-pop-up. It's working fine on desktop Chrome.

@mrgrlscz
Copy link

Well, you have to clear all the data. And unfortunately re-log, and re-tweak all app settings and sensors from scratch.

@meanaverage
Copy link

meanaverage commented Nov 20, 2023 via email

@Shinigami777
Copy link

I also have a problem. i have Restarted HA multiple times, clear cache and problem still persistent on HA app on android and on browser on windows. Any advice what to do next?

@meanaverage
Copy link

I also have a problem. i have Restarted HA multiple times, clear cache and problem still persistent on HA app on android and on browser on windows. Any advice what to do next?

Please try using another browser you have not accessed HA with since you installed, or the Home Assistant application itself. If either of those works, clear cache in the browser which isn't working properly with bubble card, then kill all processes related to the browser or reboot your client machine (not HA) if you can, assuming that you've already rebooted HA.

@Shinigami777
Copy link

Shinigami777 commented Nov 21, 2023

I also have a problem. i have Restarted HA multiple times, clear cache and problem still persistent on HA app on android and on browser on windows. Any advice what to do next?

Please try using another browser you have not accessed HA with since you installed, or the Home Assistant application itself. If either of those works, clear cache in the browser which isn't working properly with bubble card, then kill all processes related to the browser or reboot your client machine (not HA) if you can, assuming that you've already rebooted HA.

Ok, I've jus did this and it seems that everything only works in browsers that I haven't used before. But on others, this problem occurs even after clearing the cache.

Edit.
On my android tablet i cleared cache and also cleared data and after log in to HA I still have "Custom element doesn't exist: bubble-pop-up." but after 30 sec everything reload and problem disappeared.
So I guess I have no choice but to do it on my phone too.

@Clooos Clooos closed this as completed Jan 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

8 participants