Image displays in v2 demo viewer but not v4.12.0 build

Support
1

Hello,

I have an image that is not displaying in the OHIF viewer I build for production from the source code tagged 4.12.0. So far every other test image has without issue. The viewer displays “Something went wrong. […] undefined is not an object (evaluating ‘r._imageLoadProgressEventHandle.bind’)” with a stack trace. The corresponding errors seen in the browser console are copied below.

I can load and view the same image in the OHIF v2.9.0 demo using the local route at OHIF Viewer.

The image is on my OneDrive at Microsoft OneDrive - Access files anywhere. Create docs with free Office Online.

Wondering if anyone has a quick pointer to what may be different from the demo viewer and built viewer. I’m guessing I’m missing something in a configuration for the build or distribution.

Todd Jensen, PhD
Jensen Informatics LLC


[Error] TypeError: undefined is not an object (evaluating 'r._imageLoadProgressEventHandle.bind')
t — StudyLoadingListener.js:101
value — StudyLoadingListener.js:516
value — StudyLoadingListener.js:459
(anonymous function) — StudyLoadingListener.js:477
forEach
value — StudyLoadingListener.js:467
forEach
value — StudyLoadingListener.js:488
(anonymous function) — StudyLoadingMonitor.js:12
fs — react-dom.production.min.js:198:200
Xl — react-dom.production.min.js:255:235
(anonymous function) — scheduler.production.min.js:18:438
Cl — react-dom.production.min.js:223:143
Cl
(anonymous function) — react-dom.production.min.js:121:115
(anonymous function) — scheduler.production.min.js:18:438
qa — react-dom.production.min.js:121
Ka — react-dom.production.min.js:120:496
bl — react-dom.production.min.js:214:156
enqueueSetState — react-dom.production.min.js:133:240
(anonymous function) — react.production.min.js:13:247
(anonymous function) — ViewerLocalFileData.js:90
(anonymous function) — ViewerLocalFileData.js:100
c — runtime.js:45
(anonymous function) — runtime.js:274
b — ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:479
i — ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:3297
promiseReactionJob

	bs (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6577115)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6583178)
	yi (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6549973)
	_i (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6549708)
	Ul (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6601138)
	Ul
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6620434)
	Ol (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6597301)
	Cl (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6587634)
	Cl
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6545763)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6620434)
	qa (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6545709)
	Ka (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6545644)
	bl (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6584200)
	enqueueSetState (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6550425)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6489389)
	(anonymous function) (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:2504)
	(anonymous function) (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:3065)
	c (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6482640)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6482425)
	b (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:479)
	i (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:3297)
	promiseReactionJob
[Error] /local Error Boundary (2)
TypeError: undefined is not an object (evaluating 'r._imageLoadProgressEventHandle.bind')
t — StudyLoadingListener.js:101
value — StudyLoadingListener.js:516
value — StudyLoadingListener.js:459
(anonymous function) — StudyLoadingListener.js:477
forEach
value — StudyLoadingListener.js:467
forEach
value — StudyLoadingListener.js:488
(anonymous function) — StudyLoadingMonitor.js:12
fs — react-dom.production.min.js:198:200
Xl — react-dom.production.min.js:255:235
(anonymous function) — scheduler.production.min.js:18:438
Cl — react-dom.production.min.js:223:143
Cl
(anonymous function) — react-dom.production.min.js:121:115
(anonymous function) — scheduler.production.min.js:18:438
qa — react-dom.production.min.js:121
Ka — react-dom.production.min.js:120:496
bl — react-dom.production.min.js:214:156
enqueueSetState — react-dom.production.min.js:133:240
(anonymous function) — react.production.min.js:13:247
(anonymous function) — ViewerLocalFileData.js:90
(anonymous function) — ViewerLocalFileData.js:100
c — runtime.js:45
(anonymous function) — runtime.js:274
b — ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:479
i — ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:3297
promiseReactionJob
"
    in qe
    in t
    in Unknown
    in m
    in div
    in Dropzone
    in t
    in withI18nextTranslation(t)
    in Unknown
    in i
    in br
    in r
    in r
    in t
    in t
    in m
    in withRouter(Connect(t))
    in Unknown
    in Unknown
    in v
    in $
    in N
    in ae
    in t
    in t
    in t
    in x
    in f
    in m
    in i
    in br
    in t"
	onError (app.bundle.11f5b5eddde9515a5e29.js:1:102531)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6000988)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6583221)
	yi (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6549973)
	_i (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6549708)
	Ul (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6601138)
	Ul
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6620434)
	Ol (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6597301)
	Cl (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6587634)
	Cl
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6545763)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6620434)
	qa (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6545709)
	Ka (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6545644)
	bl (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6584200)
	enqueueSetState (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6550425)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6489389)
	(anonymous function) (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:2504)
	(anonymous function) (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:3065)
	c (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6482640)
	(anonymous function) (vendors~app.bundle.8b04b1dfd397a5bb7acb.js:2:6482425)
	b (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:479)
	i (ViewerLocalFileData.bundle.8cc836e19894face82b2.js:1:3297)
	promiseReactionJob
2

this might be of help, see v2 vs v3 in