Have you tried going to https://github.com/andrey-git/home-assistant-custom-ui and getting the newest files. This was what fixed it for me. Going to this link and installing the new files from the 20180528. Seemed to be an issue with the CustomUI needing an update
Anyone else have issues with floorplan opening in iOS app but not allowing to turn devices on or off it is just a dead picture layout that can be zoomed in and out on?
1 Like
If you were speaking to me, this did not work. Still receiving same error
On iOS 11.4 Safari I get the following from the latest update to HA and Floorplan. (Yes, the cache is cleared)
undefined:1:11 TypeError: Cannot call a class constructor without |new|
2:07 PM components/system_log/__init__.py (ERROR)
Works fine on Android and Desktop chrome. Just iOS Safari gives me a problem.
My floorplan isn’t opening (anymore).
This is my error ( on the floorplan) : Error loading stylesheet
this is my floorplan.yaml
image: /local/custom_ui/floorplan/floorplan.svg stylesheet: /www/custom_ui/floorplan/floorplan.css # These options are optional # warnings: # enable warnings (to find out why things might ot be working correctly) # pan_zoom: # enable experimental panning / zooming # hide_app_toolbar: # hide the application toolbar (when used as a custom panel) # date_format: DD-MMM-YYYY # Date format to use in hover-over text groups: - name: temperatuur entities: - sensor.temperature_158d00022c8b2be text_template: '${entity.state ? Math.ceil(entity.state) + " °C": "undefined"}'
and this is my floorplan.css
/* SVG shapes */
svg, svg * {
vector-effect: non-scaling-stroke !important;
pointer-events: all !important;
}/* Outdoor Temperature */
.temp-very-low {
fill: #00a1ff !important;
fill-opacity: 1 !important;
}.temp-low {
fill: #00ddff !important;
fill-opacity: 1 !important;
}.temp-good {
fill: #00c609 !important;
fill-opacity: 1 !important;
}.temp-high {
fill: #ff4c00 !important;
fill-opacity: 1 !important;
}/* Intdoor Temperature */
.temp-in-very-low {
fill: #00a1ff !important;
fill-opacity: 1 !important;
}.temp-in-low {
fill: #00ddff !important;
fill-opacity: 1 !important;
}.temp-in-good {
fill: #00c609 !important;
fill-opacity: 1 !important;
}.temp-in-high {
fill: #ff4c00 !important;
fill-opacity: 1 !important;
}.temp-in-too-high {
fill: #fe0000 !important;
fill-opacity: 1 !important;
}
What is wrong ?
In chrome i get this : Uncaught TypeError: Illegal invocation
URL: https://assets-cdn.github.com/assets/frameworks-69305c61e4ce67cdef4a70845fc0e959.js
Line: 1, column: 243176
Error: {}
Uncaught TypeError: Illegal invocation
URL: https://assets-cdn.github.com/assets/frameworks-69305c61e4ce67cdef4a70845fc0e959.js
Line: 1, column: 243176
Error: {}
Uncaught TypeError: Illegal invocation
URL: https://assets-cdn.github.com/assets/frameworks-69305c61e4ce67cdef4a70845fc0e959.js
Line: 1, column: 243176
Error: {}
Error loading stylesheet
Just applied a fix (Floorplan v1.0.13) for anyone who was getting multiple instances of the floorplan appearing in the associated state card whenever you navigated back to that page. This new version ensures that the floorplan is created only once within the state card.
2 Likes
Just updated to HA 0.70.1 and getting errors, repeated every 30 secs:
2018-06-01 17:02:01 ERROR (MainThread) [frontend.js.latest.201805310] http://192.168..:8123/local/custom_ui/floorplan/ha-floorplan.html:375:25 Uncaught TypeError: Polymer.dom is not a function
I found this info: https://developers.home-assistant.io/blog/2018/05/22/custom-ui-panels-api.html but saw that your latest commit had nothing to do with the Polymer-functions.
Just updated to 70.1 for HA and 1.0.13 for floorplan (previously on 69 and 1.0.8) and I am seeing the following error in home assistant logs when trying to access my panel:
2018-06-01 14:27:20 ERROR (MainThread) [frontend.js.es5.201805310] https://url/frontend_es5/custom-elements-es5-adapter.js:1:11 Uncaught TypeError: Class constructor HaPanelFloorplan cannot be invoked without 'new'
Also getting the following error in the developer console:
Uncaught TypeError: Class constructor HaPanelFloorplan cannot be invoked without 'new'
at new j (custom-elements-es5-adapter.js:4)
at i (app-3904d93428b1e0b6438ee5d46a3ed872.js:2)
at app-3904d93428b1e0b6438ee5d46a3ed872.js:2
I updated the html files in both the “panels” folder as well as the “custom_ui” folder.
Tested on chrome and fully kiosk browser with cleared cache. It still works in the HA app for iPhone, but does not work when I go navigate to the floorplan from safari on the iPhone.
@SirBronski It looks like the error is talking about an older version of Floorplan. As you noted, the new version doesn’t refrence Polymer.dom in any way. Can you try on another browser or device, just to see if your browser caching is the problem?
@shire210 @Kyle I haven’t been able to reproduce that issue. Can you check your frontend: configuration and paste it here? This is what mine looks like:
javascript_version: latest
extra_html_url:
- /local/custom_ui/state-card-floorplan.html
You can ignore the last line if you don’t use Floorplan as a state card, but try setting the first line in your config to what I have above, because your error looks like it’s using an older standard of JavaScript (ES5) whereas it should be using the latest. Let us know how you go.
1 Like
Odd, I have the same error:
ERROR (MainThread) [frontend.js.es5.201805310] http://192.168.2.234:8123/frontend/panels/alarm-001f97509c39e788542bd2b51deb052d.html:334:36 Uncaught TypeError: Polymer.dom is not a function
and my floorplan is now missing the weather icons, cleared the cache several times but no change.
I have updated various files and cleared the cache and my error changed to this.
http://192.168.1.165:8123/frontend_es5/custom-elements-es5-adapter.js:4:618 Uncaught TypeError: Class constructor HaFloorplan cannot be invoked without ‘new’
5:23 PM components/system_log/init.py (ERROR)
Any ideas?
I got the same error
adding javascript_version: latest fixed it for me. Thank you! Really appreciate all the work you have put into this
1 Like
Are you using the HASS custom alarm?. if so you need to update files for it
not here 
@aidbish, updating the custom alarm eliminated the Polymer.dom error, however, my floorplan icons for the weather still do not show up.
Setting the JavaScript version to latest also fixed it for me. Thanks!
1 Like
Are u using a custom weather component, that may also require an update
If I change to latest (from es5) then the webpage no longer works on my iPad But it didnt make any difference for me anyway…