Cannot read properties of undefined (reading '_application'), Maximum call stack size exceeded

[lolmaus]

I'm seeing this in all projects I'm working on!

To Reproduce

1. Open an Ember app in the browser.
2. Open Ember Inspector.
3. Refresh the browser tab.

Expected behavior

The app is working, Ember Inspector is working.

Actual behavior

The app crashes, Ember Inspector won't even start.

Uncaught TypeError: Cannot read properties of undefined (reading '_application')
    at appStarted (<anonymous>:9601:45)
    at Object.initialize (<anonymous>:9721:11)
    at index.js:136
    at Vertices.each (dag-map.js:231)
    at Vertices.walk (dag-map.js:145)
    at DAG.each (dag-map.js:75)
    at DAG.topsort (dag-map.js:83)
    at App._runInitializer (index.js:151)
    at App.runInstanceInitializers (index.js:134)
    at Class._bootSync (instance.js:111)

Screenshots

Environment

Ember CLI 3.28.3 — earlier version s too
Ember 3.28.1
Chrome 96.0.4662.6 (Official Build) dev (64-bit) — reproducible in other versions too, including Chromium-based browsers
Windows 10 Pro 64-bit

Additional context

In a production build the error is different.

Demo: https://bit.ly/2Z99YHA

Uncaught RangeError: Maximum call stack size exceeded.
    at e.runLoadHooks (vendor-8a7b20fa6e89e74252315c5f231768ff.js:1709)
    at s.callback (vendor-8a7b20fa6e89e74252315c5f231768ff.js:3249)
    at s.exports (vendor-8a7b20fa6e89e74252315c5f231768ff.js:20)
    at requireModule (vendor-8a7b20fa6e89e74252315c5f231768ff.js:7)
    at t (vendor-8a7b20fa6e89e74252315c5f231768ff.js:25)
    at r (vendor-8a7b20fa6e89e74252315c5f231768ff.js:48)
    at <anonymous>:9649:7
    at e.runLoadHooks (vendor-8a7b20fa6e89e74252315c5f231768ff.js:1709)
    at s.callback (vendor-8a7b20fa6e89e74252315c5f231768ff.js:3249)
    at s.exports (vendor-8a7b20fa6e89e74252315c5f231768ff.js:20)

CC @simonihmig

[antonbavykin1991]

Same for me

[sandstrom]

We have this too.

Haven't spent too much time debugging yet, but it seems to occur when running the instance initializer that Ember Inspector injects.

When I click continue in the debugger (screenshot above) it will crash.

Here is the code that fails:

When the failing line is evaluated Ember.EmberInspectorDebugger is undefined, but window.EmberInspector is defined.

So updating the code to window.EmberInspector may solve this?

[sandstrom]

@lolmaus @antonbavykin1991 can you try with this patch and see if it works?

Patch here: #1760

instructions: https://github.com/emberjs/ember-inspector#chrome

[antonbavykin1991]

checked with patch, issue still represented

[jherdman]

Can confirm @antonbavykin1991's findings.

[RobbieTheWagner]

@antonbavykin1991 @jherdman can you share a link to an app that reproduces this error?