Mini-graph-card: Type: js causes Error: Uncaught TypeError: this.value.handleEvent is not a function

Created on 23 Feb 2019  路  10Comments  路  Source: kalkih/mini-graph-card

I have to use type: js due to an older browser on the fire tablets I am using in my home as dashboards. Using type: js instead of type: module has worked fine for me in both mini-graph-card and mini-media-player, but only when I use one or the other. If I attempt to use mini-graph-card and mini-media-player together and set both to type: js only one of the two card types will load (the one who is listed last on the reference list at the top of lovelace) and the other will throw an error in home-assistant.log. I don't know if you'd consider type: js to be supported, but I would truly appreciate it if you could take a look, as I find both cards to be very useful and would like to use them both on my dashboard.

bug

All 10 comments

@ccmacaluso I might have found a fix for this, but before I roll it out it would be great if you could try it out on your fire tablet.

Here's a link to the test version gist

I will give this a try tonight and report back.

This works fine in Windows via Chrome, but unfortunately this throws an error on the Fire tablets.

Error in lovelace is "custom card does not exist" and error in home-assistant.log is:
2019-03-01 17:12:15 ERROR (MainThread) [frontend.js.latest.201902200] https://105destin.com/local/mini-graph-card-bundle.js?v=0.3.0b1:1:34927 Uncaught SyntaxError: Unexpected token ...

Okay, does the latest release work on the fire tablets?

Let's try something else, here's an updated one, if you could try it https://gist.githubusercontent.com/kalkih/9f2b1571accb417f0e5713a19b6e9461/raw/a3736271911e4ac37e7b25d316ebaa4ed0f9a811/mini-graph-card-bundle.js

Yes, the latest release works on fire tablets.

Also, this updated version is working well on the fire tablets!

Great, does it work together with the mini-media-player now?

Yes, it sure does. Thanks for your help.

Awesome, thank you for helping me test this.

@ccmacaluso Thanks for the tip with type: js
I was struggling with the "Custom element doesn麓t exist: mini-graph-card" error on my fire tablets too. While it worked on chrome it didnt麓t worked with fully kiosk. Changing to

resources:
  - url: /local/mini-graph-card-bundle.js?v=0.3.0
    type: js

did the trick.

Fix now available in the latest release v0.3.1.

Thanks for helping me testing!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

simonwood0609 picture simonwood0609  路  7Comments

balloob picture balloob  路  4Comments

PipeDeveloper picture PipeDeveloper  路  4Comments

Joezi79 picture Joezi79  路  4Comments

gerard33 picture gerard33  路  6Comments