Help needed on how to install a custom card

I’ve added the file ‘thermostat-card.js’ into folder ‘/config/www’

I’ve added this to ui-lovelace.yaml

resources:
  - url: /config/www/thermostat-card.js?v=1
    type: module
name: My Awesome Home
views:
  - title: Home
    cards:
      - type: custom:thermostat-card
        title: Thermostat
        entity: climate.ecobee

I’ve added this code to a manual card:

type: 'custom:thermostat-card'

and I get error

Custom element doesn’t exist: thermostat-card.

type: ‘custom:thermostat-card’

Where have I gone wrong?

1 Like

The URL doesn’t include /config/www. replace /config/www/ with /local/

Thanks, but I still get the same error.

resources:
  - url: /local/thermostat-card.js?v=1
    type: module
name: My Awesome Home
views:
  - title: Home
    cards:
      - type: custom:thermostat-card
        title: Thermostat
        entity: climate.ecobee

Is this the card you’re trying to use?

And you dropped the thermostat-card.js directly in www? You also need the lib js file as well.

Not sure, man. seems to me it’s just not loading the module. Perhaps it is incompatible? Looks like the last update to that card was over a year ago?

Maybe a weird question, but did you try to restart hass completely? It helped me a couple of times when I just had installed a new custom card

Yes, I tried a reboot. I’ve given up with custom cards now. Maybe sometime in the future there will be an easier way of installing them in HA.