Custom element doesn't exist: weather-card

[chezpaul]

This is the error I get in my lovelace UI. "Custom element doesn't exist: weather-card"

This is my ui-lovelace code:

resources:
- url: /local/custom-lovelace/weather-card/weather-card.js
  type: module

cards:
  - type: custom:weather-card
    entity: weather.dark_sky
    icons: "/local/custom-lovelace/weather-card/icons/"
    current: true
    details: false
    forecast: true

The weather-card.js is the latest downloaded the raw version from github. My config:

#DARKSKY
weather:
  - platform: darksky
    api_key: !secret darksky_api_key
    mode: daily

js file and icon folder are both in www/custom-lovelace/weather-card

Am I doing anything wrong?

[fedottt]

the same problem in manual regretted the characters?

[wowgamr]

Hello! If you have recently added the www folder you will need to re-start Home Assistant.

[chezpaul]

I gave up on using lovelace through yaml files. Now I use the Configure UI button and everything works fine.

[piepolitb]

I get the same issue but JUST on some devices: android with chrome and raspberry pi with chromium

[DSGMM-TIOT]

Am I doing anything wrong?

Clearing the browser's cache fixed it for me.

[kic883]

Press Ctrl+R to clear the cache it works for me.

[CptRic]

Change the first row in the weather-card.js into the following: const LitElement = customElements.get("hui-masonry-view") ? Object.getPrototypeOf(customElements.get("hui-masonry-view")) : Object.getPrototypeOf(customElements.get("hui-masonry-view"));

[quadhammer]

I had this happen with Home Assistant 2023.3.4

Ctrl + R worked, thanks @kic883 ! :)