sealuzh/cloud-stove-ui

Can't edit application component

Closed this issue · 4 comments

inz commented

When I try to edit an ingredient, the screen just goes black. For me, this happens locally and also on staging. See screen cap below:

application-editor-error

There is a stack trace in the Javascript console that appears when loading the application view:

[Error] EXCEPTION: Error in ./ApplicationEditorComponent class ApplicationEditorComponent - inline template:75:21
ORIGINAL EXCEPTION: ReferenceError: Can't find variable: Intl
ORIGINAL STACKTRACE:
format@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:21:17284
transform@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:21:14523
[native code]
http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:5:10255
detectChangesInternal
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectContentChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16536
detectChangesInternal
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectContentChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16536
detectChangesInternal
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectViewChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16698
detectChangesInternal@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16365
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectContentChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16536
detectChangesInternal@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16319
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectViewChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16698
detectChangesInternal@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16365
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectContentChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16536
detectChangesInternal@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16319
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectViewChildrenChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16698
detectChangesInternal@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:16365
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:15983
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:7:19030
detectChanges@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:6:30332
http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:2233
forEach@[native code]
tick@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:2184
http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:3:31065
invoke@http://staging.frontend.thestove.io/js/polyfills.1bab6365b66a89d879ef.js:43:16881
onInvoke@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:28547
invoke@http://staging.frontend.thestove.io/js/polyfills.1bab6365b66a89d879ef.js:43:16791
run@http://staging.frontend.thestove.io/js/polyfills.1bab6365b66a89d879ef.js:43:12735
runInner@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:29194
run@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:6151
http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:3:31043
http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:39:17345
__tryOrUnsub@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:18637
next@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:17878
_next@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:16724
next@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:16335
_finalNext@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:10337
_next@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:10177
next@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:9527
emit@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:39:16891
_checkStable@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:5124
onLeave@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:4260
onInvokeTask@http://staging.frontend.thestove.io/js/vendor.1bab6365b66a89d879ef.js:4:28421
invokeTask@http://staging.frontend.thestove.io/js/polyfills.1bab6365b66a89d879ef.js:43:17628
runTask@http://staging.frontend.thestove.io/js/polyfills.1bab6365b66a89d879ef.js:43:13651
invoke@http://staging.frontend.thestove.io/js/polyfills.1bab6365b66a89d879ef.js:43:19186
ERROR CONTEXT:
[object Object]
    __tryOrUnsub (vendor.1bab6365b66a89d879ef.js:4:18699)
    next (vendor.1bab6365b66a89d879ef.js:4:17879)
    _next (vendor.1bab6365b66a89d879ef.js:4:16725)
    next (vendor.1bab6365b66a89d879ef.js:4:16336)
    _finalNext (vendor.1bab6365b66a89d879ef.js:4:10338)
    _next (vendor.1bab6365b66a89d879ef.js:4:10178)
    next (vendor.1bab6365b66a89d879ef.js:4:9528)
    emit (vendor.1bab6365b66a89d879ef.js:39:16892)
    onError (vendor.1bab6365b66a89d879ef.js:4:4502)
    onHandleError (vendor.1bab6365b66a89d879ef.js:4:28996)
    handleError (polyfills.1bab6365b66a89d879ef.js:43:17027)
    runTask (polyfills.1bab6365b66a89d879ef.js:43:13730)
    invoke (polyfills.1bab6365b66a89d879ef.js:43:19187)

Is this issue also apparent in Chrome, or only in Safari?

inz commented

Ok this is mildly interesting:

  • I get the black screen with Safari 9.1.2 (11601.7.7)
  • Everything works just fine with Safari Technology Preview Release 8 (Safari 9.1.2, WebKit 11602.1.39)
    screen shot 2016-07-20 at 12 32 24 pm
  • Everything works with Chrome stable, Chrome canary
    screen shot 2016-07-20 at 12 31 59 pm
  • Everything works with Opera 38.0.2220.41 and Opera developer 40.0.2288.0
    screen shot 2016-07-20 at 12 30 37 pm
  • In Firefox 47.0.1, I can see the edit dialog, but the 'Add Constraint' dropdown doesn't work
    screen shot 2016-07-20 at 12 29 53 pm

Weird is, that he stacktrace provided hints that this is not only a display-problem but rather comes from the JS execution. It may be Angular2 related - I'll update to the newest RC/Final version and will test it using Firefox, as the bug looks similar there.

inz commented

Fixed in #16.