ember-inspector: Chrome freezes tab with Ember Inspector extension

Hello,

I’m using latest Chrome and Ember Inspector extension. The problem is, when you enable Ember Inspector extension and you go to the Data and use unloadRecord() for e.g. I have Delete button which unloads record after delete and when I press it Chrome tab will freeze and uses a lot of memory and CPU. When I turn off ember extension everything works fine with developer tools opened, but with ember inspector extension I get this. Nothing helped, I even cleaned cache, settings and so on.

If you don’t open Developer Tools with Ember - everything is OK. If you open Developer Tools for e.g. with Console tab - everything is OK. If you open Developer Tools with Ember - everything is OK. If you open Developer Tools with Ember and you go the Data - chrome tab freezes and uses a lot of resources.

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 20
Comments: 18 (2 by maintainers)

Commits related to this issue

Data Adapter: Only trigger model type update if the record live array count actually changed Fixes https://github.com/emberjs/ember-inspector/issues/690 The issue: In some cases, Ember Data's `peek... — committed to emberjs/ember.js by teddyzeenny 7 years ago
Data Adapter: Only trigger model type update if the record live array count actually changed Fixes https://github.com/emberjs/ember-inspector/issues/690 The issue: In some cases, Ember Data's `peek... — committed to emberjs/ember.js by teddyzeenny 7 years ago
Data Adapter: Only trigger model type update if the record live array count actually changed Fixes https://github.com/emberjs/ember-inspector/issues/690 The issue: In some cases, Ember Data's `peek... — committed to emberjs/ember.js by teddyzeenny 7 years ago

Most upvoted comments

I identified the issue and proposed a solution https://github.com/emberjs/ember.js/pull/15604. The downside is that this is not a bug in the inspector itself, which means you’ll need to upgrade your Ember version to get the fix.

+13

teddyzeenny on Aug 27, 2017

I use Chrome (Version 60.0.3112.90 (Official Build) (64-bit)) + the latest Ember Inspector extension. If I log into https://www.emberjs.com/api/ember/2.14/namespaces/Ember (Ember API website) and I browse the Ember Inspector the browser freezes when I click “Data”.

elke1979 on Aug 14, 2017

Thank you all for the detailed bug report. I was able to reproduce it and I’m investigating the issue.

teddyzeenny on Aug 26, 2017

If this helps anyone, here’s a project and steps to repro the issue: https://github.com/sammynave/freeze

sammynave on Aug 11, 2017

No kind of malformed data should silently bug and crash your tab, without even a single error message…

ewjoachim on Aug 10, 2017

I wrote my destroyRecord a bit differently and the issue is not happening anymore:

// hack https://github.com/emberjs/data/issues/4972#issuecomment-312301105
this.get('store')._removeFromIdMap(this.get('model.calendarToken')._internalModel);
this.get('model.calendarToken').destroyRecord();

according to https://github.com/emberjs/data/issues/4972#issuecomment-312301105

stephanebruckert on Aug 7, 2017

@stephanebruckert Everything is same for me. Even the last sentence 😄 It’s just impossible to work with Ember Inspector, but I really need it to see the routes, data and so on.

ghost on Aug 4, 2017

Seems it also freezes if extension is just enabled, but you’re not in Data with Ember Inspector. But to reproduce it 100% you need go to the Data.

ghost on Jul 21, 2017