Layout Card is empty in frontend but renders some sourcecode

Configuration Frontend
1

Hi all,

I have a problem with the layout card module that I can’t solve by myself: My view is completely empty. This is my example configuration, that doesnt’ work:

title: Home

# Include external resources
resources:

  - url: /local/community/lovelace-layout-card/layout-card.js
    type: module

views:
  - title: My view
    panel: true
    cards:
      - type: custom:layout-card
        cards:
          - type: entities
            title: 1
            entities:
              - light.bettleuchte
          - type: entities
            title: 2
            entities:
              - light.kuche
          - type: entities
            title: 3
            entities:
              - light.stehlampe

  - title: Empty Test View

Layout Card is installed and can be found under that given path. I checked what happened in the source code on the view. It seems that the layout card does something, but the three entity-cards are empty…?

code
code982×634 50.1 KB

I’m not sure if this is an issue I should post at github or something I produced myself somehow. Did someone encounter a similiar problem?

(The light entities in my example above exist. And I don’t have any problems with other modules or lovelace-plugins at all. All other cards are loading as they should. Only the layout card has this strange behavior.)

Thanks you for your help!

Cheers
Norman

2

I’ve seen this behavior if one of the entities configured in the cards doesn’t exist.
For example i have a custom:gauge-card

              - type: custom:gauge-card
                title: Raumtemperatur
                entity: sensor.sonoff03_temperature

if i change the entity to sensor.sonoff04_temperature for testing, the whole view is empty.

3

Thank you for your answer. I reduced my cards to just one and double checked the entity:

views:
  - title: View 1
    panel: true
    cards:
      - type: custom:layout-card
        cards:
          - type: entities
            title: 1
            entities:
              - light.stehlampe
 
 
  - title: View 2
    cards:
      - type: entities
        title: 1
        entities:
          - light.stehlampe

Accordingly to this config is the source code (with one empty card-maker):

code2
code2912×572 42.2 KB

The entity “light.stehlampe” is definitely configured, exists and works. I can see and use it on the second view. So this can’t be the problem…

Edit: I use HA 0.101.3 and the latest version of the layout-card.js.