Simple weather card problem (for simple user!)

Configuration
1

Still new to HA and just when I think I start to understand it something I do goes wrong.

Latest thing is this, I am using the Lovelace UI and have just added the weather forecast card using darksky.

I then started looking around for some cleaner nice looking cards and found this one:

https://github.com/kalkih/simple-weather-card

I downloaded the Js file to my www folder
added reference inside lovelace:

resources:
  - url: /local/simple-weather-card.bundle.js?v=0.3.0
    type: module

then I used the example usage to start with but with Darksky as thats what I have installed.

    - type: custom:simple-weather-card
      entity: weather.darksky
      name: in current location

My full lovelace UI file is:


title: HOME

    
resources:
  - url: /local/simple-weather-card.bundle.js?v=0.3.0
    type: module


views:
  - title: Full Home
    icon: mdi:home-outline
    cards:
    
    - type: weather-forecast
      entity: weather.dark_sky
      
      
    - type: custom:simple-weather-card
      entity: weather.darksky
      name: in current location 
      
      
    - type: glance
      title: Sonos
      show_name: false
      show_state: false
      #columns: 5
      entities:
      - media_player.living_room
      - media_player.kitchen
      - media_player.bedroom
    #  name: Lounge Sonos
      #  icon: mdi:itunes
       # tap_action:
       #   action: toggle

I know this view should give me two weather cards, was going to have a play then maybe remove one / move it to a different screen but at the moment it doesnt load the simple card at all.

If I # out the card code though it shows weather-forecast then under that it shows a glance card for sonos.
If I use the above code it puts weather-forecast NEXT to sonos, as if it knows there should be another card somewhere, but nothing is displayed.

I also added


frontend:
  javascript_version: latest

as that was mentioned in the help.

Cannot see any errors? Any thoughts? I know its something daft.

2

Just on the above the guide says:

Download and copy simple-weather-card.bundle.js from the latest release into your config/www directory.

but another guide for a different customer weather card says:

Add dark-sky-weather-card.js to your <config-dir>/www/custom_ui/ directory. If you don’t have this directory (this is your first custom card), you will need to create it.

Guessing putting the JS file until config/www is not a problem, and the second guide is just better organinsation or resources?

3

You’re using 2 different entity_id’s. Use the correct one in both places :wink: I’d wager it’s weather.dark_sky

1 Like
4

Oh god! Thank you so much, the one bit of code i didnt copy from the user guide! Should have known!!

I will get the hang of this, thank you so much, working now:

Capture
Capture1163×516 34 KB

1 Like