Costum Cards Error - wrong folder path?

dyfcom · November 14, 2019, 9:30pm

Hello,

I am using a Rpi3 with Openmediavault and in docker is running home assistant.

I am using Home Assistant 0.101.3 and got trouble with die costume cards in Lovelace.

I activated Lovelace in yaml mode in the configuration.yaml.
I created a /www/ folder and rebooted my server.

Then I used hacs to install a costum card: Mini Graph Card
The folder path is now: /config/www/community/mini-graph-card

For the lovelace did I need this? (from docs of mini-graph-card)

recources:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module

or this? (original path)

recources:
  - url: /config/www/community/mini-graph-card/mini-graph-card-bundle.js
    type: module

or this? (forum entry)

recources:
  - url: /local/community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module

I tried all three, with a HA restart but it is not working.
For the Ui I use this:

     - type: custom:mini-graph-card
        entities:
        - sensor.wetterstation_temperatur

and this is the error:

Custom element doesn't exist: mini-graph-card.

type: 'custom:mini-graph-card'
entities:
  - sensor.wetterstation_temperatur

It looks like there is mapping error. But I don’t know how to fix it.

Thanks for helping and a nice day!

VDRainer · November 14, 2019, 10:11pm

That one from the plugin

  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module

should work.
Have you cleaned your browser cache? CTRL-F5

ludeeus · November 15, 2019, 6:06am

Also, you know you don’t need to activate yaml mode to use custom cards?
That can be added in the raw UI config editor

dyfcom · November 15, 2019, 1:33pm

Same problem:

Custom element doesn't exist: mini-graph-card.

type: 'custom:mini-graph-card'
entities:
  - sensor.wetterstation_temperatur

I did, but nothing changed…

I know. I splitted my tabs into single .yaml files and included all of them into my ui-lovlace.yaml
Is this maybe the problem?

I try the raw UI config editor!

EDIT:
I tried the raw UI config editor, but same error.

title: Home
recources:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module
views:
  - badges: null
    path: default_view
    title: Home
    cards:
      - type: 'custom:mini-graph-card'
        entities:
          - sensor.wetterstation_temperatur

VDRainer · November 15, 2019, 6:24pm

Should be resources:

dyfcom · November 15, 2019, 7:25pm

Thanks!

kaysan13 · April 2, 2020, 6:33pm

Hello,

I have the same problem, i have

/config/www/mini-graph-card/mini-graph-card-bundle.js

with this error

And when I try use the mini-graph

resources:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js?v=0.9.3
    type: module
type: entities
show_header_toggle: false
header:
  type: picture
  image: >-
    https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS7ovkoWSZdub9adLaiuFEdXYUzjZ6bSSNXPA6vT3z3gmCccuMr
entities:
  - entity: sensor.france_coronavirus_current
  - entity: sensor.france_coronavirus_deaths
  - entity: sensor.france_coronavirus_confirmed
  - entity: sensor.france_coronavirus_recovered
  - type: divider
  - entity: sensor.worldwide_coronavirus_current
  - entity: sensor.worldwide_coronavirus_deaths
  - entity: sensor.worldwide_coronavirus_confirmed
  - entity: sensor.worldwide_coronavirus_recovered
  - type: 'custom:mini-graph-card'
    name: Coronavirus Mortality Rate (%)
    entities:
      - entity: sensor.coronavirus_france_mortality
      - entity: sensor.coronavirus_worldwide_mortality
    show:
      state: false
      labels: true
      lower_bound: 0
      upper_bound: 5
      points_per_hour: 6
      hours_to_show: 240
      height: 150

But

Expected a value of type undefined for resources but received [{"url":"/community_plugin/mini-graph-card/mini-graph-card-bundle.js?v=0.9.3","type":"module"}]

I have the same problem when i try

Expected a value of type `undefined` for `resources` but received `[{"url":"/local/mini-graph-card/mini-graph-card-bundle.js?v=0.9.3","type":"module"}]`

Does anyone have any ideas

Thanks

dyfcom · April 12, 2020, 4:15pm

Hey,

It worked for me with this:

resources:
  - url: /community_plugin/mini-graph-card/mini-graph-card-bundle.js
    type: module

Btw I am using HACS.

With a newer Update it changed to:

resources:
  - url: /hacsfiles/mini-graph-card/mini-graph-card-bundle.js
    type: module

Greeting

kaysan13 · May 14, 2020, 12:17pm

Hey,

It’s been a while, and thank you. I’ve installed HACS and everything’s working.

Thank you again