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

Tab "Components" is not opening and an error is thrown. #1655

Open
agnyp opened this issue Jul 29, 2021 · 1 comment
Open

Tab "Components" is not opening and an error is thrown. #1655

agnyp opened this issue Jul 29, 2021 · 1 comment
Labels

Comments

@agnyp
Copy link

agnyp commented Jul 29, 2021

Describe the bug
Clicking on "Components" does nothing. Instead an Error is logged on console.

To Reproduce
Steps to reproduce the behavior:

  1. Go to extension in inspector
  2. Click on "Components"
  3. Open console.
  4. See error in console.
VM22822:103 Ember Inspector has errored.
This is likely a bug in the inspector itself.
You can report bugs at https://github.com/emberjs/ember-inspector.
Error message: You attempted to access the 'element' property on a Glimmer Component, but that property does not exist in Ember.js applications, it only exists in Glimmer.js apps. You define a class field with the same name on your component class and it will overwrite this error message, but it will not be used by the framework.
Stack trace: Error: You attempted to access the 'element' property on a Glimmer Component, but that property does not exist in Ember.js applications, it only exists in Glimmer.js apps. You define a class field with the same name on your component class and it will overwrite this error message, but it will not be used by the framework.
    at throwPropertyUseError (http://localhost:4200/assets/vendor.js:140001:13)
    at HeaderBuilderComponent.get (http://localhost:4200/assets/vendor.js:140022:20)
    at getPossibleMandatoryProxyValue (http://localhost:4200/assets/vendor.js:31237:19)
    at _getProp (http://localhost:4200/assets/vendor.js:31302:17)
    at http://localhost:4200/assets/vendor.js:63758:45
    at http://localhost:4200/assets/vendor.js:63706:37
    at track (http://localhost:4200/assets/vendor.js:71795:7)
    at valueForRef (http://localhost:4200/assets/vendor.js:63705:44)
    at http://localhost:4200/assets/vendor.js:63797:40
    at http://localhost:4200/assets/vendor.js:63706:37
warn @ VM22822:103
handleError @ VM22822:161
messageReceived @ VM22822:5080
(anonymous) @ VM22822:5059
(anonymous) @ VM22822:138
_messageReceived @ VM22822:137
(anonymous) @ VM22822:389

Expected behavior
Components should open and show the beautiful overview of the page.

Environment
Version 4.4.1, Chrome Version 92.0.4515.107, Windows 10
ember-cli: 3.26.1
node: 14.17.0
os: linux x64

Additional context
I couldn't find anything useful in the stack-trace. Probably it's not "long" enough.
I'm aware and suspect it might have something to do with the code, not necessarily with the inspector, since it worked just fine yesterday. But I cannot get help at the moment. So, if it's us and despite that you could give me some pointers, I'd be very thankful.

@agnyp agnyp added the bug label Jul 29, 2021
@RobbieTheWagner
Copy link
Member

@agnyp the error seems to indicate perhaps you are trying to access this.element on a glimmer component? Glimmer components do not have elements like Ember ones do.

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

No branches or pull requests

2 participants