Stuck on Custom cards with hacs

Configuration
1

Hello,

I’m new to home assistant and i’m trying to get custom card working wich i have installed with HACS.
So the thing is. Whatever card i install with hacs. My lovelace ui editor is saying Custom element doesn’t exist:

So first i have installed hacs.
With hacs i installed (as example) the: Mini Graph Card plugin.
In hacs the say:

When you add this to your configuration use this:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module

My UI Raw Editor looks like:

Resources:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module
  - url: /community_plugin/weather-card/weather-card.js
    type: module
title: Home
views:
  - badges:
      - person.dennis_bos
    cards:
      - entity: climate.woonkamer
        type: thermostat
      - entities:
          - entity: sensor.woonkamer_temperature
          - entity: sensor.woonkamer_humidity
          - entity: sensor.woonkamer_heating
        show_header_toggle: false
        theme: Backend-selected
        title: Thermostaat
        type: entities
      - entities:
          - entity: sensor.woonkamer_temperature
        hours_to_show: 24
        refresh_interval: 0
        title: Temperatuur
        type: history-graph
      - entities:
          - entity: sensor.solaredge_current_power
          - entity: sensor.solaredge_energy_today
          - entity: sensor.solaredge_energy_this_month_template
          - entity: sensor.solaredge_energy_this_year_template
        show_header_toggle: false
        title: Zonnepanelen
        type: entities
      - entity: weather.home
        name: Weersverwachting
        type: weather-forecast
      - entities:
          - entity: sensor.avalex_pmd
          - entity: sensor.avalex_gft
          - entity: sensor.avalex_papier
        show_header_toggle: false
        title: Afval kalender
        type: entities
      - entity: sensor.postnl
        name: PostNL
        type: sensor
      - columns: 3
        entities:
          - entity: sensor.essent_elektriciteit_l
          - entity: sensor.essent_elektriciteit_l_2
          - entity: sensor.essent_elektriciteit_n
          - entity: sensor.essent_elektriciteit_n_2
          - entity: sensor.essent_gas_n
          - entity: sensor.essent_gas_n_2
        show_icon: true
        show_name: true
        show_state: true
        type: glance
      - type: 'custom:mini-graph-card'
        entities:
          - sensor.sensor_temperature
        show:
          labels: true
        color_thresholds:
          - value: 20
            color: '#f39c12'
          - value: 21
            color: '#d35400'
          - value: 21.5
            color: '#c0392b'
      - type: 'custom:weather-card'
        entity: weather.yourweatherentity
        name: Optional name
    panel: false
    path: default_view
    title: Home
  - badges: []
    cards:
      - entity: media_player.playstation_4
        type: media-control
    panel: false
    path: media
    title: Media

Now i add a manual card and typ this:

type: 'custom:mini-graph-card'
entities:
  - sensor.sensor_temperature
show:
  labels: true
color_thresholds:
  - value: 20
    color: '#f39c12'
  - value: 21
    color: '#d35400'
  - value: 21.5
    color: '#c0392b'

I tried this also with a weather card but whatever i try i get:

49
49950×1046 27.2 KB

The plugin is installed in:
/config/www/community/mini-graph-card

i have HACS version 0.15.11.

Cann someone tell me what i’m doing wrong?

2

after you installed the cards via HACS did you restart HA?

3

Yes i dit. Still the same error.

4

Can you check you have a config/www/community/ directory? (If you don’t you need to create a www folder and restart HA before adding cards with HACS)

5

Yes i have. See the screenshot of my configurator.

Screenshot_20191026-115055
Screenshot_20191026-1150551080×1920 155 KB

I have update hacs to 0.15.11. And after that i have installed the cards

6

I just looked at your raw config that you posted again and noticed you have the first word (“Resources:”) capitalized.

change that to lowercase.

resources:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module
  - url: /community_plugin/weather-card/weather-card.js
    type: module
title: Home
views:
7

Wauw. This is the solution. I knew this yaml. files are up en lowercase sensitive but i didn’t see this one.
Thank you very much.

8

I have similar problem. But :resources: are on lowercase