Custom element doesn't exist: hui-picture

Configuration Frontend
1

Hi, I have issues with the lates update to 107. As mentioned in other threads elements do not load anymore. For me it is the picture element. I already installed the preloader addon. Here is what I have added to lovelace.yaml:

resources
  - url: /community_plugin/lovelace-card-preloader.js
    type: js

preload_cards:
  - picture
  - iframe
  - picture-entity
  - decluttering
  - hui-markdown-card
  - hui-picture-card
  - vertical-stack
  - horizontal-stack

And here is where I add the picture element:

    cards:
      - type: custom:vertical-stack-in-card
#        title: LIVING ROOM
        cards:
          - type: markdown
            title: Living room.
            content: >
              room climate control
          - type: picture
            image: /local/pictures/livingroom.jpg
          - type: custom:mini-graph-card
            entities: sensor.wohnzimmer_temperature_2
            name: TEMPERATURE
            icon: mdi:thermometer
            hours_to_show: 168
            points_per_hour: 0.25
            decimals: 1
            animate: true
            show:
              labels: true
          - type: custom:mini-graph-card
            entities:  sensor.wohnzimmer_humidity_2
            name: HUMIDITY
            icon: mdi:water-percent
            hours_to_show: 168
            points_per_hour: 0.25
            decimals: 0
            animate: true
            show:
              labels: true
            line_color: blue

I have no idea what else can be done. Am I using the preloader addon correctly?

Best regards,
Daniel

Capture
Capture691Ă—893 64.6 KB

2

Control F5 …clear browser cache

1 Like
3

Unfortunately that doesn’t help. Tried this multiple times and different browsers. :frowning:

4

I just upgraded from .105 to .108 and I am getting the exact same error

Custom element doesn’t exist: hui-picture-card.

5

You’re not using an up to date version of the vertical in stack card. Update it and you should be good to go. Also for future reference, you only need to use the preload card if you use “hui-xxx” card types. You are not using any of them, therefore you don’t need it. You’d know your using them because you’d have “hui-xxxx” in the type field in your yaml configuration.

1 Like