Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Angular devtools stopped working few days ago. "Angular application not detected" #55114

Open
1 of 2 tasks
Gertjan-Goetynck opened this issue Mar 29, 2024 · 6 comments
Open
1 of 2 tasks

Comments

@Gertjan-Goetynck
Copy link

Gertjan-Goetynck commented Mar 29, 2024

Is this a bug report or a feature request?

  • Bug Report
  • Feature Request

Please provide the steps to reproduce the issue [Bug Report only]

Try to run the dev tools on an angular project

Please provide the expected behavior vs the actual behavior you encountered [Bug Report only]

Expected behavior: See the dev tools
Actual behavior: "Angular application not detected" on apps that detected it a few days ago. No changes in app happened.

This seems to be the same bug that was active a month or so ago and was caused by a new feature in Dev Tools. The feature got rolled back as a hotfix, but now the bug returned.

Link to the previous bug: #53953 (comment)

Please provide a screenshot if possible [Bug Report only]

image

Please provide the exception or error you saw [Bug Report only]

Angular application not detected

Is this a browser-specific issue? If so, please specify the device, browser, and version. [Bug Report only]

No response

Description [Feature Request only]

No response

Proposed solution [Feature Request only]

No response

Alternatives considered [Feature Request only]

No response

@ngbot ngbot bot added this to the needsTriage milestone Mar 29, 2024
@AleksanderBodurri
Copy link
Member

Thanks for the report @Gertjan-Goetynck

Could you provide which version of Angular you are experiencing this issue with? Is this application using any custom build tools or just ng serve/ng build?

@JeanMeche
Copy link
Member

Can you also double check the version of your devtools. Should be 1.0.12.

@Gustavo-Botan
Copy link

Gustavo-Botan commented Apr 3, 2024

Acessei a minha aplicação pela guia anonima e deu certo, tente fazer o mesmo ou limpe o cache.
Lembre-se de configurar a extensão para habilitar em guia anonima.

@Gertjan-Goetynck
Copy link
Author

Thanks for the report @Gertjan-Goetynck

Could you provide which version of Angular you are experiencing this issue with? Is this application using any custom build tools or just ng serve/ng build?

The angular version we are using is 11.2.10. We do an ng serve with a custom host and disabled hostcheck.

@Gertjan-Goetynck
Copy link
Author

Can you also double check the version of your devtools. Should be 1.0.12.

Its version 1.0.12 indeed.

@AleksanderBodurri
Copy link
Member

AleksanderBodurri commented Apr 5, 2024

Thank you @Gertjan-Goetynck. I'm tracking a fix for this issue here #55233. The cause here is that Angular DevTools currently officially supports v12 and above. A recent change to how DevTools scripts get injected into applications prevented those scripts from being injected into Angular applications below version 12. The PR in question allows this script to be injected as normal for these apps again, but also implements a warning notice in those applications to inform the user that they are not on a supported version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants