rev087/ng-inspector

Changes in scope hierarchy cause errors (NGI.InspectorAgent.inspectScope is not a function)

Open

#146 opened on Oct 1, 2015

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (787 stars) (100 forks)batch import
bughelp wanted

Description

I'm getting a TypeError: NGI.InspectorAgent.inspectScope is not a function in my current app, triggered at Scope.js line 62. After some initial digging, I think the issue might be a circular dependency here:

bootstrap.js --> App.js --> InspectorAgent.js --> Scope.js
     ^                             ^                  |
     |                             |                  |
   start                           *------------------*

AFAICT, NGI.InspectorAgent is an empty object within Scope.js, which seems to match with the dependency graph, but I'm also not very knowledgable in advanced module stuff, so I could be jumping to conclusions.

Haven't figured out the exact trigger or isolated it yet, but I think it's related to automatic unwrapping of $resource requests while the inspector is looking at them. If the above guess is correct though, it might be triggering on any cases where that watcher sees new children in an open scope?

Will try to come back to this in the next couple days with a minimal demo.

Contributor guide

Tech stack
javascript
Domain
frontenddeveloper experience
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
needs investigation
Prerequisites
AngularJS basicsModule dependency conceptsng inspector codebase structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
Investigate the possible circular dependency between bootstrap.js, App.js, InspectorAgent.js, and Scope.js around the inspectScope function. Create a minimal reproduction focusing on $resource request unwrapping. Since the issue is from 2015, confirm the repository's current status and check for any related changes or comments.