Picture Elements card not showing in 0.107

@BradAU wrote:

After upgrading to 0.107 my Picture Elements cards are not showing, I get red boxes with ‘Custom element doesn’t exist: hui-picture-elements-card.’
I use the card to show device tracker states and it’s within a decluttering-card as below;

default:
  - entity: device_tracker.brad_g7
  - image: sunset-water.jpg
card:
    type: picture-elements
    style: |
      ha-card {
          border-radius: 5px;
          font-family: var(--font-family);
          font-size: 16px;
          font-weight: bold;
          color: rgba(250,250,250,1);
      }
    image: '/local/[[image]]'
    elements:
      - type: state-label
        entity: '[[entity]]'
        style:
          top: 90%
          left: 20%

It was working fine up to 0.106.6 but hasn’t worked with any of the 0.107 beta releases, I thought it might have been fixed for the release but no luck.
I found an issue an issue on github #4984 regarding markdown and gauge cards where @iantrich talked about it being caused by lazy-loading.

@balloob suggested making a resource that pre-loads cards and supplied this code, can someone please let me know where this should be placed?

const preloadCard = type => window.loadCardHelpers()
  .then(({ createCardElement }) => createCardElement({type}))

preloadCard("markdown");
preloadCard("gauge");

Posts: 6

Participants: 4

Read full topic