Ember inspector not working in Chrome.

[DhivyaJanakiraman]

Describe the bug
Ember inspector is not working in Chrome.

To Reproduce
Steps to reproduce the behavior:

1. Install "Ember Inspector" chrome plugin.
2. Go to any website that is built using EmberJs (Eg www.linkedin.com)
3. Click on 'Ember' in dev tools
4. I see the "Ember application not detected!" message

Expected behavior
Ember inspector plugin used to work by displaying the tree view/components/routes etc for an ember application.

Screenshots

Environment
Ember - '3.28.9'
Browser - Chrome 104.0.5112.79

[latha-karbonhq]

Same for me.

[zion]

Noticed this today as well. Was working for me a few days ago though.

[sivaramanj95]

Same for me. It was not working in firefox as well.

[DhivyaJanakiraman]

Yes not working in Firefox as well and it was working fine for me till couple of days back.
For now, I installed older version of ember-inspector 4.6.0 to get the plugin to work

[jamalrefaideen]

yes it is not working in all browser please resolve it asap

[reiallenramos]

For everyone affected by this, I got in touch with one of the devs and he said 4.6.2 is on Google's review process. I don't know how long that takes but if you are blocked you can install the zipped version manually.

https://github.com/emberjs/ember-inspector/releases/tag/v4.6.2

Edit: It's available now in Chrome Web Store but the error is still present.

[Ganapathy77]

Does the older versions work fine

[chsanch]

I've just installed 4.6.2 but is not working (Firefox, Brave), meanwhile I'm just using the bookmarklet workaround commented here: #2104 (comment)

[kprasadpvv]

@Ganapathy77 ,
Yes the older version 4.5.11 is working in chrome.

Follow below steps:
Download https://github.com/emberjs/ember-inspector/releases/tag/v4.5.11 the zip file and extract it.
Navigate to the folder in terminal and
run yarn install
run yarn build to build the dist directory

Visit chrome://extensions/ in Chrome
Make sure Developer mode is checked
Click on 'Load unpacked extension...'
Choose the dist/chrome folder in the cloned repo
Close and re-open developer tools if it's already open

Note:
make sure only the manually loaded extension is only enabled. (i.e., disabled the 4.6.2)

[reiallenramos]

I'm still having issues despite updating to 4.6.3 and cannot perform kprasadpvv's workaround as my Chrome is managed by my admin.

[RobbieTheWagner]

@reiallenramos are you sure you are on 4.6.3? It should work.

[reiallenramos]

@rwwagner90 hi, yes I'm on 4.6.3 and haven't been able to make it work again. Have tried reinstalling the extension with no luck.

Edit:
I'm on Ubuntu Pop!_OS 22.04 LTS
My collegue is on macOS and it works for him after updating to 4.6.3

[RobbieTheWagner]

@NullVoxPopuli any ideas what would be different on Ubuntu?

[NullVoxPopuli]

on Firefox, I see no issues running on Ubuntu with 4.6.3
on Chrome, I see no issues running on Ubuntu with 4.6.3.

I tested with https://limber.glimdown.com -- which is running ember-source 4.6.0

[reiallenramos]

Tested also with https://limber.glimdown.com/ and it works! At least I know the bug is somewhere in our project setup. Thanks for the help @rwwagner90 @NullVoxPopuli

[RobbieTheWagner]

@reiallenramos What Ember version are you on?

[reiallenramos]

@rwwagner90 we have two apps

1. Ember 1.9.1 (Ember Inspector works)
   

2. Ember 3.17.3 (Ember Inspector doesn't work)
   

Edit: reuploaded screenshots to hide potentially sensitive details

[reiallenramos]

In case someone, somewhere would have this issue too.
The app is throwing the following error. Removing the ember node module from package.json and rebuilding removed the warning and fixed Ember Inspector as well.