moxious / triage

testing triage actions for issues
0 stars 1 forks source link

(Failed?) migration from Angular. An unexpected error happened: TypeError: u.$$childHead is undefined #400

Open tonypowa opened 3 weeks ago

tonypowa commented 3 weeks ago

What happened?

Some panels did not migrate from Angular, when I try to open their menu all what I get is:

An unexpected error happened

Details >

TypeError: u.$$childHead is undefined

Xe@http://[myhost:myport]/public/build/9569.81cb8bd2d9ed9b9b3389.js:1:10296

pe@http://[myhost:myport]/public/build/9569.81cb8bd2d9ed9b9b3389.js:1:10908

div

div

S@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1018:77794

E@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1018:75424

div

_o@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1091:26044

div

r@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:83:38376

83122/p<@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:63:125860

E@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:83:26622

div

section

b@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:83:30920

qe@http://[myhost:myport]/public/build/9569.81cb8bd2d9ed9b9b3389.js:1:11118

Ao@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1337:122255

div

v@http://[myhost:myport]/public/build/9569.81cb8bd2d9ed9b9b3389.js:1:188

Mt@http://[myhost:myport]/public/build/9569.81cb8bd2d9ed9b9b3389.js:1:26640

Ao@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1337:122255

div

2118/F<@http://[myhost:myport]/public/build/6263.8e49ed37c2dc63f6b065.js:4:12645

A@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:980:3210

E@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:953:69112

l@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:959:10807

div

E@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:959:19800

div

div

ce@http://[myhost:myport]/public/build/6263.8e49ed37c2dc63f6b065.js:4:8209

div

div

u@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:226:17460

i@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:226:17410

div

K@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:226:21977

ur@http://[myhost:myport]/public/build/DashboardPageProxy.900c36a42804a5ac4e00.js:3:24685

DashboardPage

Ao@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1337:122255

pr@http://[myhost:myport]/public/build/DashboardPageProxy.900c36a42804a5ac4e00.js:3:31287

Suspense

o@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:63:130022

pg@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:4518:11156

F@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1008:29129

lo@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:999:4476

_s@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:999:12016

Wt@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1008:17400

F@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1008:31285

div

67061/m<@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:82:52450

main

div

div

div

ag@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:4518:2401

div

lg@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:4518:6753

lo@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:999:4476

_s@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:999:12016

ps@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:999:11433

fr@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1008:17691

F@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1008:25382

v@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:100:8990

w@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1337:112879

i@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:356:27641

o@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:63:130022

m@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:63:130531

vt@http://[myhost:myport]/public/build/1247.34022e0fa8ad25da7b32.js:1341:500

Dg@http://[myhost:myport]/public/build/9778.aeed2343301c3e5780fc.js:4529:122

What did you expect to happen?

I expected them to work as they did.

Did this work before?

Before v.11

How do we reproduce it?

Not sure, maybe creating the same dashboard. Sorry I'm not very skilled neither in grafana nor in reporting bugs. May I downgrade grafana and copy relevant info from the panel?

Is the bug inside a dashboard panel?

Yes, but panel menu won't open

Environment (with versions)?

Grafana: v11.1.0 (5b85c4c2fc) I can try to update it

OS: Debian GNU/Linux Stable (Bookworm)

Browser: Firefox 128.0.3

Grafana platform?

A package manager (APT, YUM, BREW, etc.)

Datasource(s)?

No response

tonypowa commented 3 weeks ago

This issue is a test copy of an issue in another repo. Original issue: https://github.com/grafana/grafana/issues/#91075

moxious commented 3 weeks ago

Hi tonypowa, it seems like you're experiencing an issue with panel migration in Grafana after updating to a newer version. This could be related to a known issue with deprecated Angular panel support. Consider reporting this to the Frontend Platform project as they handle the migration and runtime of the Grafana UI which ties into panel functionality.

Before reporting there, you could also try the following steps to narrow down the problem:

  1. If possible, replicate the issue on a non-production Grafana instance and see if all panels fail to migrate or only specific ones.
  2. Check the Grafana logs for more detailed errors around the time you access the problematic panels.
  3. If you have the option, try updating to the latest Grafana version to see if the issue persists, as it may have been addressed in a newer release.

Please include the steps you've tried and any additional information when transferring this issue to the Frontend Platform project.

moxious commented 3 weeks ago

Summary: Issue 400 is an open bug where some panels failed to migrate from Angular, resulting in an 'undefined' TypeError when the user attempts to access their menus. The bug started appearing after an update to Grafana v11.1.0, and the user is unsure how to reproduce it accurately but suggests it may be related to the dashboard creation process and is requesting help to possibly revert to an older version of Grafana.

moxious commented 3 weeks ago

Elaboration:

Hi @tonypowa, thank you for reporting the issue you're facing after migrating from Angular in Grafana. To help us better understand and address the problem, could you please provide us with more information? Here's a list of details that would be helpful:

  1. Can you share the specific steps you took during the migration that led up to encountering the error? Details on how you triggered the migration would be beneficial.
  2. Is there any console output or log messages that appear alongside the error message you've provided? If so, please include them.
  3. You mentioned that the issue occurs when trying to open the panel menu. Can you provide a screenshot or video of what happens when you attempt to do so?
  4. Is it possible for you to share an export of the dashboard configuration that's causing issues (with sensitive information redacted)?
  5. You mentioned considering a downgrade to copy relevant information from the panel. If safe and possible, could you try doing that and see if any pertinent details become evident when comparing the versions?

Any additional context around the actions you took immediately before the issue appeared could also be helpful in diagnosing the problem. Once we have these details, we'll be better positioned to assist you. Thank you!