Custom Dark Sky Animated Weather Card

I get this error in lovelace, I got it working before, I just got move to the dark sky weather card, can someone help

we suffer the same issueā€¦ theyā€™re called forecast in my setup, because Ive named the sensor like that, to distinguish it from the regular sensor.

Funny thing is the components creates these sensors, so simply deleting them from the group leaves ā€˜orphanā€™ sensorsā€¦

Ill see if I can find the devā€™s [age for this component. Unless you can give me the GitHub, or post an issue referencing this discussion here?

EDIT:
filed the issue, see:

Getting a blank page - and this in the log:

/local/custom_ui/dark-sky-weather-card.js?v=7.1:86:70 TypeError: undefined is not an object (evaluating ā€˜this.hass.states[this.config.entity_sun].stateā€™)

The card is having an issue resolving entity_humidity (it thinks it is unknown). Based off your ui-lovelace, it looks like you are trying to pass in sensor.bom_humd for that value. Does that state exist? If so, what is the current value of the state in the states debug panel?

Please post your ui-lovelace (storage mode config if using .84 or above) and your darksky platform configuration.

New Error now:
http://192.168.x.x:8123/local/custom_ui/dark-sky-weather-card.js:17:13 TypeError: hass.config.core is undefined

Any idea?

Maybe this will be a mistake Iā€™ve made, but Iā€™m getting this
ā€œ[ā€¦]/custom_ui/dark-sky-weather-card.js?v=3:1:8 Uncaught SyntaxError: Unexpected token {ā€

I followed the instruction on github step by step. Any idea?

Have you copied the file in raw mode?

Did you specify the type as module and not js in ui-lovelace

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

Hi, I have same errorā€¦

ui-lovelace.yaml

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

title: Home
views:
  - icon: mdi:home-assistant
    title: Default view
    cards:
      - type: custom:dark-sky-weather-card
        entity_sun: sun.sun
        entity_daily_summary: sensor.dark_sky_daily_summary
        entity_current_conditions: sensor.dark_sky_icon
        entity_humidity: sensor.dark_sky_humidity
        entity_pressure: sensor.dark_sky_pressure
        entity_temperature: sensor.dark_sky_temperature
        entity_visibility: sensor.dark_sky_visibility
        entity_wind_bearing: sensor.dark_sky_wind_bearing
        entity_wind_speed: sensor.dark_sky_wind_speed
        entity_forecast_high_temp_1: sensor.dark_sky_daytime_high_temperature_1
        entity_forecast_high_temp_2: sensor.dark_sky_daytime_high_temperature_2
        entity_forecast_high_temp_3: sensor.dark_sky_daytime_high_temperature_3
        entity_forecast_high_temp_4: sensor.dark_sky_daytime_high_temperature_4
        entity_forecast_high_temp_5: sensor.dark_sky_daytime_high_temperature_5
        entity_forecast_low_temp_1: sensor.dark_sky_overnight_low_temperature_0
        entity_forecast_low_temp_2: sensor.dark_sky_overnight_low_temperature_1
        entity_forecast_low_temp_3: sensor.dark_sky_overnight_low_temperature_2
        entity_forecast_low_temp_4: sensor.dark_sky_overnight_low_temperature_3
        entity_forecast_low_temp_5: sensor.dark_sky_overnight_low_temperature_4
        entity_forecast_icon_1: sensor.dark_sky_icon_1
        entity_forecast_icon_2: sensor.dark_sky_icon_2
        entity_forecast_icon_3: sensor.dark_sky_icon_3
        entity_forecast_icon_4: sensor.dark_sky_icon_4
        entity_forecast_icon_5: sensor.dark_sky_icon_5
        entity_summary_1: sensor.dark_sky_summary_1
        entity_summary_2: sensor.dark_sky_summary_2
        entity_summary_3: sensor.dark_sky_summary_3
        entity_summary_4: sensor.dark_sky_summary_4
        entity_summary_5: sensor.dark_sky_summary_5
        locale: en
        static_icons: false
        sunset: true
        tooltips: true
        tooltip_bg_color: 'rgb( 75,155,239)'
        tooltip_border_color: orange
        tooltip_border_width: 3
        tooltip_caret_size: 10
        tooltip_fg_color: '#fff'
        tooltip_left_offset: -5
        tooltip_width: 100

dark sky

sensor:
  - platform: darksky
    api_key: <Your Dark Sky API Key>
    language: cs
    forecast:
      - 0
      - 1
      - 2
      - 3
      - 4
      - 5
      - 6
      - 7
    monitored_conditions:
      - summary
      - precip_probability
      - wind_speed
      - cloud_cover
      - icon
      - temperature
      - temperature_low
      - temperature_high
      - apparent_temperature
      - daily_summary
      - hourly_summary
      - humidity
      - uv_index
      - pressure
      - visibility
      - nearest_storm_distance
    units: ca

Can you please check and let me know, what IĀ“m doing wrong?

Many thanks

That worked. Didnā€™t noticed that change :sweat_smile: ā€¦ and Iā€™ve checked 5 times :stuck_out_tongue:
Thank you so much. Love this card.

this is the config, im in yaml mode

ui-lovelace

      - type: "custom:dark-sky-weather-card"
        entity_sun: sun.sun
        entity_daily_summary: sensor.dark_sky_daily_summary
        entity_current_conditions: sensor.dark_sky_icon
        entity_humidity: sensor.dark_sky_humidity
        entity_pressure: sensor.dark_sky_pressure
        entity_temperature: sensor.dark_sky_temperature
        entity_visibility: sensor.dark_sky_visibility
        entity_wind_bearing: sensor.dark_sky_wind_bearing
        entity_wind_speed: sensor.dark_sky_wind_speed
        entity_forecast_high_temp_1: sensor.dark_sky_daytime_high_temperature_1
        entity_forecast_high_temp_2: sensor.dark_sky_daytime_high_temperature_2
        entity_forecast_high_temp_3: sensor.dark_sky_daytime_high_temperature_3
        entity_forecast_high_temp_4: sensor.dark_sky_daytime_high_temperature_4
        entity_forecast_high_temp_5: sensor.dark_sky_daytime_high_temperature_5
        entity_forecast_low_temp_1: sensor.dark_sky_overnight_low_temperature_0
        entity_forecast_low_temp_2: sensor.dark_sky_overnight_low_temperature_1
        entity_forecast_low_temp_3: sensor.dark_sky_overnight_low_temperature_2
        entity_forecast_low_temp_4: sensor.dark_sky_overnight_low_temperature_3
        entity_forecast_low_temp_5: sensor.dark_sky_overnight_low_temperature_4
        entity_forecast_icon_1: sensor.dark_sky_icon_1
        entity_forecast_icon_2: sensor.dark_sky_icon_2
        entity_forecast_icon_3: sensor.dark_sky_icon_3
        entity_forecast_icon_4: sensor.dark_sky_icon_4
        entity_forecast_icon_5: sensor.dark_sky_icon_5
        entity_summary_1: sensor.dark_sky_summary_1
        entity_summary_2: sensor.dark_sky_summary_2
        entity_summary_3: sensor.dark_sky_summary_3
        entity_summary_4: sensor.dark_sky_summary_4
        entity_summary_5: sensor.dark_sky_summary_5
        locale: en
        static_icons: false
        sunset: true
        tooltips: true
        tooltip_bg_color: 'rgb( 75,155,239)'
        tooltip_border_color: orange
        tooltip_border_width: 3
        tooltip_caret_size: 10
        tooltip_fg_color: '#fff'
        tooltip_left_offset: -5
        tooltip_width: 100

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

config.yaml

  - platform: darksky
    api_key: hhjhj
    update_interval:
      minutes: 10
    forecast:
      - 0
      - 1
      - 2
      - 3
      - 4
      - 5
    monitored_conditions:
      - icon
      - summary
      - nearest_storm_distance
      - nearest_storm_bearing
      - humidity
      - temperature
      - temperature_high
      - temperature_low
      - apparent_temperature
      - apparent_temperature_high
      - apparent_temperature_low
      - wind_speed
      - wind_bearing
      - precip_type
      - precip_probability
      - precip_accumulation
      - precip_intensity
      - precip_intensity_max
      - uv_index
      - daily_summary
      - pressure
      - visibility

Are you using the latest version of the card from github? That particular configuration check and error message was removed a couple versions agoā€¦

Glad you got it working !

1 Like

Hi, IĀ“m sure that IĀ“m using it as I copied it as raw file. Any other idea, why itĀ“s not working?

Iā€™m having problems too, but not just on lovelace. it seems that the darksky platform does not give me the sensors in my home assistant

Just to ensure all the basics have been covered ā€¦

  1. You replaced ā€™ Your Dark Sky API Key ā€™ with your actual API key in the dark sky platform config.
  2. You restarted HA after setting up the dark sky platform.
  3. You cleared your browser cache and refreshed the UI.

If all those are true can you post a screen cap of some of the dark-sky sensor states from the states debug panel. I want to make sure they are not showing up as unknownā€¦

Post your darksky configuration

- platform: darksky
  api_key: my API Darksky
  update_interval: '00:30:00'
  forecast:
    - 1
    - 2
    - 3
    - 4
    - 5
  language: it
  #name: Meteo
  monitored_conditions:
    - summary
    - icon
    - nearest_storm_distance
    - precip_type
    - precip_intensity
    - precip_probability
    - hourly_summary
    - daily_summary
    - temperature
    - apparent_temperature
    - temperature_high
    - temperature_low
    - dew_point
    - wind_speed
    - wind_bearing
    - cloud_cover
    - minutely_summary
    - humidity
    - pressure
    - visibility
    - ozone
    - uv_index

it always worked after the last update of HASS.IO stopped