Weird error with swipe-card and picture entities

1

I have a weird issue:
Sometimes my swipe-card (with picture elements) gives and error: t.setConfig is not a function
When I openup the dashboard with the corresponding swipe-card, and simply add and remove another card to it, the problem is solved, without changing anything to the card itself.
Also when I openup the code-editor, and copy/paste the whole definition, into another card,
both cards works fine.

Tried in with google chrome and FireFox, both have the same issue.
Sometimes it works fine for hours, but also sometimes the error happens after minutes of re-creating the card.
I have a grid-card on top of the dashboard with 11 icons (as a sort of menu), this keeps working fine.
Furthermore in only have one Swipe card with 3 picture-elements:

type: custom:swipe-card
parameters:
  centeredSlides: true
  slidesPerView: auto
  spaceBetween: 48
  pagination:
    navigation: null
    keyboard:
      enabled: true
      onlyInViewport: true
cards:
  - type: picture-elements
    theme: kibibit-dark-cards
    elements:
      - type: state-label
        entity: sensor.lumi_lumi_weather_c89a4708_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 120px
          left: 1500px
          transform: scale(3,3)
    image: local/plattegrond/floorplan_garden_bw_05.svg
  - type: picture-elements
    theme: kibibit-dark-cards
    elements:
      - type: state-icon
        entity: light.eetkamer
        tap_action:
          action: toggle
        style:
          top: 447px
          left: 751px
          transform: scale(4,4)
      - type: state-label
        entity: sensor.lumi_lumi_weather_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 350px
          left: 500px
          transform: scale(3,3)
      - type: state-label
        entity: sensor.ewelinktemperature_berging_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 740px
          left: 1140px
          transform: scale(3,3)
      - type: state-label
        entity: sensor.lumi_lumi_weather_23f33708_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 740px
          left: 1440px
          transform: scale(3,3)
      - type: state-label
        entity: sensor.ewelinktemperature_slaapkamer_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 490px
          left: 1520px
          transform: scale(3,3)
      - type: image
        entity: camera.hdmi_live_video
        camera_image: camera.hdmi_live_video
        camera_view: live
        style:
          top: 210px
          left: 414px
          width: 320px
    image: local/plattegrond/floorplan_interior_bw_05.svg
  - type: picture-elements
    theme: kibibit-dark-cards
    elements:
      - type: state-label
        entity: sensor.lumi_lumi_weather_23f33708_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 740px
          left: 480px
          transform: scale(3,3)
      - type: state-label
        entity: sensor.ewelinktemperature_slaapkamer_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 490px
          left: 560px
          transform: scale(3,3)
      - type: state-label
        entity: sensor.lumi_lumi_weather_a39a4708_temperature
        style:
          color: rgba(255,255,0,100%)
          top: 540px
          left: 1000px
          transform: scale(3,3)
    image: local/plattegrond/floorplan_garage_bw_05.svg

Anyone knows what may cause this problem, and how to solve it ?

Best regards from Belgium,
Kris

2

Just did some further investigation.
This problem can be solved by using a preloader card.

Information is to limited for me, to get this up and running :frowning:
(I mean, installing is easy, but how to use it ?)
Is somebody using this, an can elaborate on how to implement this with my current swipe-card configuration from the above posting, in mind ?

best regards,
Kris

3

Did you solve that problem, cause I have it too :confused:

4

I also have this effect, especiallly if I use swipe-card withing custom grid-card with a grid layout. Few seconds after closing the code editor the image is expanded over all limits. The only rescue from this is to refresh the browser, an after this the error message appears.
The swipe-card seems to work properly when not embedded in grid-card.

5

Also having this error, is there any update and how to resolve this I’m using this for my picture element. its working for sometimes and suddenly that error: t.setConfig is not a function!

7

I also has this error. I was getting it with a history-graph card inside tab and swipe cards. I tried this which SEEMS to have fixed it (but of course as it’s intermittent it may come back!).