simple-thermostat: Custom element doesn't exist

I am getting the big red box of doom with this card.

Custom element doesn’t exist: simple-thermostat

Config as follows:

ui.lovelace.yaml

resources:
  - url: /local/simple-thermostat/simple-thermostat.js?v=1
    type: module

  - id: 4
    icon: mdi:weather-sunset
    title: Weather
    background: center / cover no-repeat url("/local/galaxy-wallpaper-21.jpg") fixed
    cards:
      - id: 60
        type: vertical-stack
        cards:
          - id: 61
            type: weather-forecast
            entity: weather.dark_sky
          - id: 62
            type: horizontal-stack
            cards:
              - id: 62a
                type: "custom:mini-graph-card"
                name: Temp
                entity: sensor.dark_sky_temperature
                # labels: true
                hours_to_show: 168
                # line_width: 3
              - id: 62b
                type: "custom:mini-graph-card"
                name: Humidity
                entity: sensor.dark_sky_humidity
                hours_to_show: 168
          - id: 63
            type: horizontal-stack
            cards:
              - id: 63a
                type: "custom:mini-graph-card"
                name: Pressure
                entity: sensor.dark_sky_pressure
              - id: 63b
                type: "custom:mini-graph-card"
                name: Wind Speed
                entity: sensor.dark_sky_wind_speed

      - type: custom:simple-thermostat
        entity: climate.thermostat
        step_size: 1
        sensors:
          - sensor.inside_temp

file is named correctly and in the correct location

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 32 (8 by maintainers)

Most upvoted comments

It is important that after you change the simple-thermostat.js file that you in your lovelace configuration file change the version of the include. otherwise lovelace will used the cached old version of the js file. what number you put in does not matter if you are doing this manually.

So for example:

resources:
  - url: /local/simple-thermostat/simple-thermostat.js?v=1
    type: module

becomes

resources:
  - url: /local/simple-thermostat/simple-thermostat.js?v=1.1
    type: module

Im using this exact github js file just cloned in the newest version of home assistant and it is working flawless on Safari, Chrome, Opera, Firefox and the Home assistant iOS-app

JohanLeirnes on Jan 17, 2019

Great insight from @thomasloven on Home Assistant community forum:

Unpkg - a repository of javascript packages seems to be having problems currently. Many custom cards link directly to their hosted version of the package and that’s why they all have trouble at the same time.

Home Assistant includes its own packaged version of the LitElement and some cards have already been updated to piggy-back onto that one instead.

Have patience. Some cards will be fixed, and unpkg will probably go up again soon - this isn’t the first time…

So, perhaps a change to use the HA-bundled lit-element at some point could be helpful.

essell on Jan 15, 2019

How many Swedes can we get on this issue.

essell on Jan 15, 2019