crashing in Firefox & Chrome on Windows Machine

Naxos84 commented 5 years ago

When opening https://appsync.nativescript.org on a 64-bit windows machine It shortly loaded the page and then crashes. (Red background and the following error)

On a Mac with Safari & Chrome everything seems ok.

FIREFOX:

68.0.1 (64-Bit)


TypeError: val is null

webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:54

getText/str<
webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:154

getText
webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:153

getItemString
webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:176

JSONDiff/_this.getItemString
webpack:///~/redux-devtools-inspector/lib/tabs/JSONDiff.js:148

render
webpack:///~/react-json-tree/lib/JSONNestedNode.js:162

_renderValidatedComponentWithoutOwnerOrContext/renderedElement<
webpack:///~/react-dom/lib/ReactCompositeComponent.js:793

measureLifeCyclePerf
webpack:///~/react-dom/lib/ReactCompositeComponent.js:73

_renderValidatedComponentWithoutOwnerOrContext
webpack:///~/react-dom/lib/ReactCompositeComponent.js:792

_renderValidatedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:819

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:359

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:368

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:368

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

mountChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:234

_createInitialChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:701

mountComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:520

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

mountChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:234

_createInitialChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:701

mountComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:520

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:368

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:368

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:368

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

mountChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:234

_createInitialChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:701

mountComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:520

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

performInitialMount
webpack:///~/react-dom/lib/ReactCompositeComponent.js:368

mountComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:255

mountComponent
webpack:///~/react-dom/lib/ReactReconciler.js:43

_updateRenderedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:762

_performComponentUpdate
webpack:///~/react-dom/lib/ReactCompositeComponent.js:721

updateComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:642

receiveComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:544

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

_updateRenderedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:751

_performComponentUpdate
webpack:///~/react-dom/lib/ReactCompositeComponent.js:721

updateComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:642

receiveComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:544

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

_updateRenderedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:751

_performComponentUpdate
webpack:///~/react-dom/lib/ReactCompositeComponent.js:721

updateComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:642

receiveComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:544

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

_updateRenderedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:751

_performComponentUpdate
webpack:///~/react-dom/lib/ReactCompositeComponent.js:721

updateComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:642

receiveComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:544

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

_updateRenderedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:751

_performComponentUpdate
webpack:///~/react-dom/lib/ReactCompositeComponent.js:721

updateComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:642

receiveComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:544

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

updateChildren
webpack:///~/react-dom/lib/ReactChildReconciler.js:107

_reconcilerUpdateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:204

_updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:308

updateChildren
webpack:///~/react-dom/lib/ReactMultiChild.js:295

_updateDOMChildren
webpack:///~/react-dom/lib/ReactDOMComponent.js:944

updateComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:758

receiveComponent
webpack:///~/react-dom/lib/ReactDOMComponent.js:720

receiveComponent
webpack:///~/react-dom/lib/ReactReconciler.js:122

_updateRenderedComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:751

_performComponentUpdate
webpack:///~/react-dom/lib/ReactCompositeComponent.js:721

updateComponent
webpack:///~/react-dom/lib/ReactCompositeComponent.js:642

CHROME:

75.0.3770.142 (64-Bit)

TypeError: Cannot read property 'length' of null

getShortTypeString
webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:54

https://appsync.nativescript.org/assets/vendor.js:33441:29

getText
webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:153

getItemString
webpack:///~/redux-devtools-inspector/lib/tabs/getItemString.js:176

JSONDiff._this.getItemString
webpack:///~/redux-devtools-inspector/lib/tabs/JSONDiff.js:148

JSONNestedNode.render
webpack:///~/react-json-tree/lib/JSONNestedNode.js:162

https://appsync.nativescript.org/assets/vendor.js:89138:21

measureLifeCyclePerf
webpack:///~/react-dom/lib/ReactCompositeComponent.js:73

ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext
webpack:///~/react-dom/lib/ReactCompositeComponent.js:792

EddyVerbruggen commented 5 years ago

Oh man.. this is the same issue as https://github.com/EddyVerbruggen/nativescript-app-sync-web/issues/2 and https://github.com/EddyVerbruggen/nativescript-app-sync/issues/19

The problem is with the stupid React frontend of the registration website. I can't figure out what the problem is because I don't have a machine that throws this error in my face.

Are you able to either see what the issue/solution is, or at least share a video recording of your browser loading the crashing page? I understand there's not much to see, but it may give me a clue.

Naxos84 commented 5 years ago

appsync.nativescript.org-chrome.log appsync.nativescript.org-firefox.log

These are the console logs. I am going to have a look how I can record my screen. Do you need both? (Chrome & Firefox)

EddyVerbruggen commented 5 years ago

@Naxos84 If they behave in a similar fashion then no. Can you try including the URL bar as well? Perhaps it also gives me a clue. Thanks a bunch!!

EddyVerbruggen commented 5 years ago

I wish someone with at least 10 minutes React experience could take a look at this issue. I don't have it and don't fancy learning it :)

Naxos84 commented 5 years ago

https://youtu.be/1umh-MEoD5o Link for Chrome video. (Error log is a bit shorter)

If Firefox Video is also needed then let me know.

EddyVerbruggen commented 5 years ago

Thanks, this helps. Now I have to continue my quest of finding a machine that behaves similarly to me. I hope you can use that mac to register for now. Once you have an accesskey you won't have to use that website anymore.

Naxos84 commented 5 years ago

I just wanted to check this out... Not planning to use it in the near future. If I find any other issues I will let you know.

If you need any additional info about machine/browser etc. Just ping me.

EddyVerbruggen commented 5 years ago

@Naxos84 Would you mind checking the site again, please? I changed a setting in the Node config which seems to help for a device I own that had previously showed the same crash. Perhaps you'll have to clear your browser cache.

steinerjakob commented 5 years ago

Hi @EddyVerbruggen I'm experiencing the same issue. Tested browsers are Chrome and Vivaldi. Attached the console log from vivaldi. On my phone with chrome browser the site works fine.

appsync.nativescript.org-vivaldi.log

EddyVerbruggen commented 5 years ago

Any idea how to fix that?

darkmantle commented 5 years ago

This is happening on Mac as well - I get both the same errors as the OP.

Works fine on Safari though.

EddyVerbruggen commented 5 years ago

@darkmantle OK, but do you perhaps have a way for me to fix this? I can't reproduce it I'm afraid. And in the meanwhile, please use a browser that works.. once you get past registration you no longer need to use this website at all.

darkmantle commented 5 years ago

@EddyVerbruggen I'll give it a pull and take a look for you later today.

I used Safari anyway :)

EddyVerbruggen commented 5 years ago

@darkmantle Anything you may find out will be highly appreciated. It's a React web app I adopted and I'm a total noob at it.

Naxos84 commented 5 years ago

sorry for responding that late (had some holiday)

the page is still crashing on my end on the windows machine. on my Mac it is still fine in chrome and safari.

EddyVerbruggen commented 5 years ago

Thx for the follow-up. Closing in favor of the issue you just linked from.

NativeScript / nativescript-app-sync-server

crashing in Firefox & Chrome on Windows Machine #3

FIREFOX:

CHROME: