Lovelace YAML migrate - Custom element doesn't exist

[kslb (KSLBe)]

The solution for me was:

PREPARATION:
*Do install Google Chrome (if you still do not use it).
*Check that HA version is at least 0.85.1.
*Check all your resources if you find any newer version, in case that you do find newer version do make firstly update custom resources before continue migration.
*Do complete backup of “config” folder of Home Assistant to external drive.
*Do have shortcut for Home Assistant in Google Chrome.

1:
Delete “lovelace” file under:
“\config.storage”

2:
Then change configuration.yaml file so that YAML mode is disabled.

3:
Then very IMPORTANT!
Make restart Home Assistant (in normal mode - like in past, so do NOT clear cache or change something in browser - do it in normal mode…)

4:
Then very and most IMPORTANT!
Open Home Assistant in Incognito mode (Google Chrome) - right click on shortcut and open in Incognito mode:

5:
After you will log in to Home Assistant (HA) as root user copy paste of your lovelace content file (ui-lovelace.yaml).

Best practice is to open in Notepad++, use Crtl+A and Ctrl+C and then Ctrl+V in RAW editor in HA.

6:
Save copied text in RAW editor. Wait about 30-60 seconds, save it again. Close editor.

7:
Check if lovelace exist in “\config.storage” and also you can delete or just rename your old used file “ui-lovelace.yaml” (I renamed it to “_ui-lovelace.yaml”).

8:
Then check if everything is working fine. Then you can close Google Chrome Incognito mode.

9:
In every browser where you use Home Assistant clear cache browser and reopen HA, then everything should be fine.

MY CUSTOM RESOURCES (with links to check if something new is so that you can update it):

Lovelace: Gauge card

Gauge card Due to popular request, I’ve created a sample card to better display sensor information visually on an interface. This is not the first of it’s kind as I’ve seen after that other people already done similar things in the past: Gauge Chart Most important thing of this card is that this it’s standalone using mostly CSS without extra javascript libraries. One other important thing is that it allows custom scaling with parameters to allow using it together with stack cards. It’s based o…

https://github.com/ciotlosm/custom-lovelace/tree/master/gauge-card

  - url: /local/gauge-card.js?v=0.2.0
    type: js

Custom Dark Sky Animated Weather Card

EDIT: Mar 03, 2019 Dark Sky Weather Card [image] The Dark Sky Weather Card provides current and forecasted weather conditions using the Dark Sky platform. You configure the card by passing in sensor entities from the Dark Sky Sensor platform. The card is very customizable. You can configure many aspects of it’s look and feel as well as which specific content to show by passing in customization flags and defining optional sensors. Content can also be rearranged if desired. Hovering over a f…

  - url: /local/custom_ui/dark-sky-weather-card.js?v=4
    type: js

GitHub - thomasloven/lovelace-toggle-lock-entity-row

  - url: /local/toggle-lock-entity-row.js?v=1
    type: js

GitHub - kalkih/mini-graph-card: Minimalistic graph card for Home Assistant...

  - url: /local/mini-graph-card-bundle.js?v=0.1.0
    type: module

GitHub - rdehuyss/homeassistant-lovelace-google-calendar-card: A calendar...

  - url: https://unpkg.com/[email protected]/moment.js
    type: js

GitHub - rdehuyss/homeassistant-lovelace-google-calendar-card: A calendar...

  - url: /local/custom_ui/calendar-card/calendar-card.js?v=1.0.1
    type: module

  - url: /local/custom-lovelace/swipe-card/swipe-card.js?v=2.0.0
    type: module

GitHub - thomasloven/lovelace-slider-entity-row: 🔹 Add sliders to entity cards

  - url: /local/slider-entity-row.js?v=1
    type: js