Custom element doesn't exist: rgb-light-card -- after installing via HACS

Configuration
1

I tried to install RGB Light Card via HACS, this went fine:

image
image866×604 26.4 KB

I then tried to add verbatim the example from the documentation to my ui-lovelace.yaml file (I added the previous two entries to match with the screenshot below):

- entities:
(...)
    - light.salon_bambou
    - light.salon_tete
    - type: 'custom:rgb-light-card'
      entity: light.salon_bambou
      colors:
          # Any option of the light.turn_on service can be used in each color
          - rgb_color:
                - 255
                - 127
                - 255
            brightness: 220
            transition: 1
          - hs_color:
                - 60
                - 30
            icon_color: '#fff8b0' # Override icon color

Unfortunately the component is not known:

image

It looks like, however, that it is installed at the right place:

/etc/docker/container-data/hass(master*) # ls                                                                                                                            root@srv
automations.yaml  configuration.yaml  deps              harmony_salon.conf  home-assistant_v2.db  ui-lovelace.yaml
configuration     custom_components   emulated_roku.py  home-assistant.log  known_devices.yaml    www

/etc/docker/container-data/hass(master*) # ls www/community/rgb-light-card/card.js                                                                                       root@srv
www/community/rgb-light-card/card.js

Not being knowledgeable with HACS (and so-so with HA), is there some other step to take in order to fix this? (I already restarted HA in case just adding a component via HACS would not be enough)

2

Did you add it to the resources in ui-lovelace.yaml?

resources:
  - url: /community_plugin/rgb-light-card/card.js
    type: js
2 Likes
3

No I did not, I did not know that was needed. Thanks a lot, it works great now.

4

It worked for me Thankyou