Cant figure out how to add this card

Pulling my hair out here. Trying to add this LG WebOS Remote card. I added the repo and installed it via HACS (pic 1). I then added the resource config for it (pic 2). However, when I try and add the card itself to a lovelace dashboard by going to manual > pasting what is on the github, I get an error of “Custom element not found” (pic 3).

Pics: Imgur: The magic of the Internet

I’ve restarted Home Assistant and have tried messing around with the manual install, but I can’t seem to get it working. Am I missing something here?

Thank you in advance.

Do the logs say anything?
Have yoh tried to call the service: Reload Integrations

Have you also cleared your browsers cache (not only last hour clear or so. But everything)

Nothing shows in logs as I try and add it, all I see is the error while adding the manual card itself showing that it can’t find the “lg-remote-control” module.

For what it’s worth, I have tried manually adding the JS module into the /www/ path where other working modules are. I was sure to add it as a /local/ lovelace resource as well but unfortunately it just cant be found.

I recently upgraded my HA Core and OS so everything has been reloaded. I just tried adding it in an incognito window and I get the same error.

Did you also install the “channel-pad” plugin too? It’s also required.

Yes I installed this and browser mod/ I can verify that the channel pad card works as well. I reinstalled the lg remote addon again through HACS but still no luck. Very confusing. I did notice that this is the only addon I have that doesn’t have the same parent directory name in /www/community/ as the actual Javascript file. The parent directory in this case is LG-WebOS-Remote-Control and the JS file is lg-remote-control. I tried renaming the folder and restarting HA but it didnt help either unfortunately.

The hacsfiles endpoint isn’t a real directory it points to /local/community. If you installed it via HACS then DON’T SCREW with the resources because it sets the resources correctly when you install the card.

Yep I know. I tried re-installing through HACS or just adding to my config and putting the resource in as /local/ but can’t get it to work. This is the only card I’ve had problems with, not sure what is going on.

If you use HACS you don’t put resources in as /local/ !!
What is the actual directory the card is in?

Right, I was saying I was attempting a manual installation of the addon while pointing to /local/ since the HACS method wasn’t working.

The directory that the addon is in, along with all of the other (working) HACS addons, is:

\\192.168.X.XX\config\www\community\LG-WebOS-Remote-Control\lg-remote-control.js

and what is defined for the resource for that card?

Note also you need these cards as well:
image
and the resources are supposed to be:
image

It’s also a lovelace plugin not an addon so it can be confusing if you use the wrong terminology

Yes channel-pad is installed also via HACS and I can confirm I see it in the directory mentioned above. I am able to add this card.

Here is the LG remote card resource info: 6

Have you tried clearing your browser cache (ctrl-F5 in chrome)?

I had previously tried this on different browsers to no avail. However, for whatever reason, the card is now working. Thanks for the help everyone.

If you’ve added it as a resource manually and installed with HACS you’ll probably have 2 resources, 1 with a hep of numbers on the end.
On HA GUI go to Configuration>Lovelace Dashboards>Resources and see what you have.
should see these two along with your other resources:

/hacsfiles/channel-pad/card-channel-pad.js
/hacsfiles/LG-WebOS-Remote-Control/lg-remote-control.js

Delete any other channel pad or WebOS resources