Error while loading page lovelace. on 2024.5.0 about frontend

[piitaya]

I reproduced the issue in my dev env. Here's the unminified error :

VM2530:5 Unhandled Promise Rejection: TypeError: _regeneratorRuntime is not a function. (In '_regeneratorRuntime()', '_regeneratorRuntime' is an instance of Object)dispatchException @ VM2530:5(anonymous function) @ VM2530:179asyncGeneratorStep @ VM2538:11_throw @ VM2538:33promiseReactionJob @ [native code]:1
VM2530:5 Unhandled Promise Rejection: TypeError: _regeneratorRuntime is not a function. (In '_regeneratorRuntime()', '_regeneratorRuntime' is an instance of Object)dispatchException @ VM2530:5(anonymous function) @ VM2530:179asyncGeneratorStep @ VM2538:11_throw @ VM2538:33promiseReactionJob @ [native code]:1
VM2922:5 Unhandled Promise Rejection: TypeError: _regeneratorRuntime is not a function. (In '_regeneratorRuntime()', '_regeneratorRuntime' is an instance of Object)

Thanks @silamon for the hint, it was because introduced with #20543.
I pushed a PR to quickly fix the issue in the next patch release.

[jeremychan]

It seems the problem lies in line 43 of show-edit-view-dialog.ts

which correspond to this line in the minified file 28316.Swg859rYwb0.js

in the debugger r here is an Object not a callable function. Thus causing error TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)

[Olsenoli]

Hi everyone, after the patch 2024.5.2 it works with old ipad and old ios.

[jaymunro]

Ok, I was able to remotely connect to Safari with Web Inspector on my old iPad.

For the login screen where all text is missing, this is shown in the console:

[Error] Unhandled Promise Rejection: TypeError: i is not a function. (In 'i()', 'i' is an instance of Object)
	(anonymous function) (848.RLtFmELmVmg.js:1:621)
	(anonymous function) (848.RLtFmELmVmg.js:1:5359)
	d (authorize.bgGP9HuyRNc.js:2:450428)
	d
	promiseReactionJob
[Error] Unhandled Promise Rejection: TypeError: a is not a function. (In 'a()', 'a' is an instance of Object)
	(anonymous function) (4115.gLuPLXiiJG8.js:1:190)
	promiseReactionJob

After logging in, this is shown in the console when viewing my main dashboard:

[Error] Unhandled Promise Rejection: SyntaxError: Unexpected token '.'
	(anonymous function)
	rejectPromise
	promiseReactionJob
[Error] Unhandled Promise Rejection: TypeError: 'text/html' is not a valid JavaScript MIME type.
	(anonymous function)
	rejectPromise
	promiseReactionJob
[Error] Unhandled Promise Rejection: TypeError: a is not a function. (In 'a()', 'a' is an instance of Object)
	(anonymous function) (70635.Zu5pSVmnIHw.js:1:124513)
	(anonymous function) (70635.Zu5pSVmnIHw.js:1:141396)
	l (app.9QvPhNMccVE.js:2:337446)
	l
	promiseReactionJob
[Error] Error loading page – "lovelace"
       TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)
              (anonymous function) — show-edit-view-dialog.ts:43
              (anonymous function) — ha-panel-lovelace.ts:54
              l — bootstrap:19
              l
              promiseReactionJob
	(anonymous function) (app.9QvPhNMccVE.js:2:98247)
	promiseReactionJob
[Error] Unhandled Promise Rejection: TypeError: i is not a function. (In 'i()', 'i' is an instance of Object)
	dispatchException (app.9QvPhNMccVE.js:2:274590)
	(anonymous function) (app.9QvPhNMccVE.js:2:271682)
	r (app.9QvPhNMccVE.js:2:256651)
	u (app.9QvPhNMccVE.js:2:256891)
	promiseReactionJob
        https://local.ha.munro.cc/frontend_es5/app.9QvPhNMccVE.js
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (bootstrap, line 0)

I noticed the links shown to the right of the errors are not copied so here is a screenshot of the console:

[dimkin-eu]

Same here for HA 2024.5.1

• old iPad
• with old ios 12.5.7
• with old app version
• or with old chrome version

reverted to 2024.4.4

[silamon]

If you have this issue on iOS, just don't add more comments but use the thumbs up on the relevant comment perhaps the top comment.

I can't debug or bisect the issue to see where it got introduced, but looking into the code doing the same as Jeremy brings me to #20543.

[Pr0mises]

Same problem here, also IOS 12.5.7 Companion 2023.12.1, Google Chrome Version 90.0.4430.216 and Safari

[HellJohny]

iPad mini 2. Safari browser. After update same problem.

[piitaya]

Can someone can provide browser logs? 🙂

[pvmil]

Can someone can provide browser logs? 🙂

I made a log using the chrome browser by using the chrome://inspect url.

The output I got (after visiting several pages):
`http://192.168.1.11:8123/config/dashboard

INFO %cBROWSER_MOD 2.3.0 IS INSTALLED %cBrowserID: XYZXYZREPLACEBYMEXYZ color: green; font-weight: bold

ERROR Error loading page dashboard TypeError: i is not a function. (In 'i()', 'i' is an instance of Object)`

ERROR Error loading page logbook TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)`

ERROR Error loading page history TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)`

ERROR Error loading page energy TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)`

ERROR Error loading page calendar TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)`

ERROR Error loading page media-browser TypeError: r is not a function. (In 'r()', 'r' is an instance of Object)`

ERROR Error loading page general TypeError: i is not a function. (In 'i()', 'i' is an instance of Object)`

This shows my use of browser_mod , (HACS) are others using this?

In addition errors (hopefully the root-cause) are logged

edit: i tested some more pages and provided additional logging. The only pages which give content are the developer tools and HACS

Does this provide enough information? Can I create additional logging? (safari logging is more complicated since it requires a laptop connection)

[samfaitmalomolet]

Hello,
I have this data from inspect on my ipad air

I don't know how to get the stack trave

[ljsquare]

I've got the same problem met iPad mini 2 iOS 12.5.7 and HA 2024.5.1

[steverep]

I cannot seem to repro yet and don't have older iOS hardware. If you run on v17 but force legacy build (by editing index.html), does the problem still occur?

@piitaya nevermind - I can repro now and actual fix coming shortly.

[dimkin-eu]

confirmed with iOS 12.5.7

[dward32]

all sorted for me, old iPad and IOS 12.5.7 - Thank you

[gerrypc72]

Same problem, same condition. Sensors work fine, from the other UI I can have all the informations provided from the companion app

[shovelheadman]

Same problem on older iPad used for dashboard view only.

[jaymunro]

Same problem on older iPad used for dashboard view only.

That's pretty much the use case of mine, but it is also used for control by family members for lighting, heating and radio. It's completely offline now and that's an issue in the family.

I can't revert to the backup without losing all the sensor data since the upgrade so not keen to do that either.

[hutti666]

Same problem here

[Olsenoli]

I habe the same Problem. Is there already a possible solution to the problem?

[deltazerorsan]

I just went back to 2024.4 to recover my dashboards on old iPads.

Now we have to wait for a solution...

[jaymunro]

Does this also affect anyone else loading HA in Chrome on a recent iPad or iPhone? A dev in Discord is saying it is not affecting him, however it is broken in Chrome for me on an iPad with current iOS too.

[gerrypc72]

I have a newer iPad with iPadOS 17.4.1and it works fine on that

[jaymunro]

On the old iPad, rather than using the private browser I cleared all cache and browser history and now it results in "Safari cannot open the page because it could not connect to the server." This suggests to me that this is related to the Strict Connections feature that got pulled.

[jaymunro]

I have a newer iPad with iPadOS 17.4.1and it works fine on that

Are you saying Chrome works fine? Or did you use Safari / Companion app?

[jaymunro]

Ok, this may be a big clue and help reproduce the issue. In Chrome on my recent iPad, I chose the option to "Request Mobile Site" and the issue goes away. I then "Request desktop site" and the issue returns. Same on the iPhone 12. That seems to be the difference.

Can someone else reproduce this?

[Joshbloam]

Same issue here. iPad air first gen IOS 12.5.7. Companion app 2023.12.1. Restored my HA instance back to 2024.4.0 to recover.

[patkino]

Same.issue here. Chinese android 8.1 control panel.
Companion doesn't work, web interface via Chrome works fine

[lukonin]

Same issue with iPad Mini 2. Reverted back to 2024.4.0.

[gerrypc72]

Ok, this may be a big clue and help reproduce the issue. In Chrome on my recent iPad, I chose the option to "Request Mobile Site" and the issue goes away. I then "Request desktop site" and the issue returns. Same on the iPhone 12. That seems to be the difference.

Can someone else reproduce this?

On older iPad Air (2014) IOS 12.5.7 It doesn't work via the Companion App or the Safari browser, not even by requesting the desktop site. Both the Companion App and the Safari browser work perfectly on the iPad Pro (2018) IOS 17.4.1. I don't have Chrome

[jaymunro]

On older iPad Air (2014) IOS 12.5.7 It doesn't work via the Companion App or the Safari browser, not even by requesting the desktop site. Both the Companion App and the Safari browser work perfectly on the iPad Pro (2018) IOS 17.4.1. I don't have Chrome

Yes, same for me on the newer iPad. Companion and Safari have no issues.
It is just Chrome desktop version on the newer iPad and everything on the older iPad.

I'm hoping others can confirm the behaviour of Chrome between desktop and mobile versions on the newer iPads. This may help the devs replicate it and fix it faster.

[pvmil]

I have the same issiue, iPad Air running IOS 12.5.7
The installed chrome and safari browsers have the login page issue, after logging in they do show the menubar. Opening dashboards, settings etc does not show anything but 'Error while loading page dashboard'
The companion app shows the setting cog, which works, but I do not get any other information after that, no menu bar, nothing.

[jaymunro]

@frenck @balloob are you aware of this rather major regression?

[nemocrk]

Is there any way to enable diagnostic on http (or maybe aiohttp), it seems that the connection is closed before the whole content is transferred. i've already enabled the debug level on homeassistant.components.http (and tried with aiohttp.server) but nothing has been logged

[silamon]

Normally these errors should also be logged to the system logging. Can they found there, possibly with a full stacktrace?

[pvmil]

Normally these errors should also be logged to the system logging. Can they found there, possibly with a full stacktrace?

I do not see any related error in the logging in HA (checked 'Home assistant Core', 'supervisor', 'Host').

[silamon]

Apparently it's possible to open the browser console from chrome://inspect by using "inspect". We'll need the stack trace of any of those: ERROR Error loading page dashboard TypeError: i is not a function. (In 'i()', 'i' is an instance of Object)`.

[jaymunro]

From https://developer.chrome.com/blog/debugging-chrome-on-ios/

On your iOS device you need:

iOS 16.4 or greater.
Chrome 115 or greater.
On your Mac you need:

The Safari Develop menu enabled. Enable this from Safari application settings, Advanced Settings tab.
On your iOS device launch the Chrome app and navigate to Settings. In Content Settings, enable Web Inspector. Relaunch Chrome for iOS after changing this setting.

Debugging your site

With the setting enabled, you can debug any page running in Chrome for iOS by following these steps.

Connect your iOS device to a Mac with a cable.
In Chrome for iOS, navigate to the website which you'd like to inspect.
On your Mac, launch Safari. From the Develop menu, hover over the name of your connected device and select the url of the website which you would like to inspect.
The displayed Web Inspector window will allow debugging of the current web view.

I'll try this later today but if someone can beat me to it, great. I need to go out now and mow the lawns to make up for my mistake in disabling our main control panel into HA.

[jaymunro]

@karwosts note there has also been one report from an Android user #20697 (comment)

[mheiker]

same to me

[apeiron69]

I'm sorry to have opened a new post about this issue. Just to say I have the same issue on iPad with 13.5.7 iOS and 2024.5.1 HA core installed

[spacegaier]

Has this now been fixed.. I rolled back to previous version, what do I do now.. ? install 2024.5.1 again?

It will be in the next patch release, so 2024.5.2

[jaymunro]

Confirmed with iOS 17.4.1

[jaymunro]

Anyones app crashing when navigating to the profile page (bottom left, profile photo icon). Edit: waiting on the profile page does eventually let you to scroll. but its very slow. something is wrong

All ok on both new and old iPads for me. Open a new issue if it still exists after the usual local suspects (cache, user, browser type, etc.) are confirmed not to be the issue.

[oldiebastler]

Ich habe das gleiche Problem mit meinem alten iPad.

[dward32]

Has this now been fixed.. I rolled back to previous version, what do I do now.. ? install 2024.5.1 again?

[steverep]

I reproduced the issue in my dev env. Here's the unminified error :

@piitaya what did you run it on?

[piitaya]

@steverep On iPad Pro 12.9 2018 on iOS 12.

[steverep]

@steverep On iPad Pro 12.9 2018 on iOS 12.

I cannot seem to repro yet and don't have older iOS hardware. If you run on v17 but force legacy build (by editing index.html), does the problem still occur?

[dimkin-eu]

did it managed to be included in 2024.5.2?
cant see something here https://www.home-assistant.io/blog/2024/05/01/release-20245/#release-202452---may-6

[PaulHam211]

Anyones app crashing when navigating to the profile page (bottom left, profile photo icon).
Edit: waiting on the profile page does eventually let you to scroll. but its very slow. something is wrong

[deltazerorsan]

confirmed with iOS 12.5.7

Thanks!

Back again!