Skip to content

OHIF Viewer not loading image #291

Open
Open
OHIF Viewer not loading image#291
Assignees
yuliujpl

Description

@hoodriverheather
hoodriverheather
opened on Aug 4, 2026

@yuliujpl The OHIF viewer doesn't load a DICOM image, but the image will load in the DWV viewer. I'm in the LTP2 Collection (HomeOHIF Labcas ViewerLung Team Project 2BlindedSiteID: LTP2-Site6)

Here's the text copied from the console window:
simulated.json content (raw): <!doctype html>

<script type="text/javascript"> console.time('scriptToView'); window.PUBLIC_URL = 'https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/'; </script> 
<link
  rel="shortcut icon"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/favicon.ico"
/>
<link
  rel="icon"
  type="image/png"
  sizes="16x16"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/favicon-16x16.png"
/>
<link
  rel="icon"
  type="image/png"
  sizes="32x32"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/favicon-32x32.png"
/>
<link
  rel="apple-touch-icon"
  sizes="57x57"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-57x57.png"
/>
<link
  rel="apple-touch-icon"
  sizes="60x60"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-60x60.png"
/>
<link
  rel="apple-touch-icon"
  sizes="72x72"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-72x72.png"
/>
<link
  rel="apple-touch-icon"
  sizes="76x76"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-76x76.png"
/>
<link
  rel="apple-touch-icon"
  sizes="114x114"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-114x114.png"
/>
<link
  rel="apple-touch-icon"
  sizes="120x120"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-120x120.png"
/>
<link
  rel="apple-touch-icon"
  sizes="144x144"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-144x144.png"
/>
<link
  rel="apple-touch-icon"
  sizes="152x152"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-152x152.png"
/>
<link
  rel="apple-touch-icon"
  sizes="167x167"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-167x167.png"
/>
<link
  rel="apple-touch-icon"
  sizes="180x180"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-180x180.png"
/>
<link
  rel="apple-touch-icon"
  sizes="1024x1024"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-icon-1024x1024.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-320x460.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-640x920.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-640x1096.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-750x1294.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-1182x2208.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-1242x2148.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-748x1024.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-768x1004.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-1496x2048.png"
/>
<link
  rel="apple-touch-startup-image"
  media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/apple-touch-startup-image-1536x2008.png"
/>
<link
  rel="icon"
  type="image/png"
  sizes="228x228"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/coast-228x228.png"
/>
<link
  rel="yandex-tableau-widget"
  href="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/assets/yandex-browser-manifest.json"
/>

<script
  rel="preload"
  as="script"
  type="text/javascript"
  src="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/app-config.js"
></script>
<script
  rel="preload"
  as="script"
  type="module"
  src="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/init-service-worker.js"
></script>

<title>OHIF Viewer</title>

<!-- WEB FONTS -->
<link
  rel="preconnect"
  href="https://fonts.gstatic.com"
  crossorigin
/>
<link
  href="https://fonts.googleapis.com/css?family=Inter:100,300,400,500,700&display=swap"
  rel="stylesheet"
  rel="preload"
  as="style"
/>
<script>
  function browserImportFunction(moduleId) {
    return import(moduleId);
  }
</script>


<!-- EXTENSIONS -->
<!-- <script type="text/javascript" src="path/to/some-extension.js"></script>

<script>
  // If configuration file is a JS Object:
  window.config.extensions = [SomeExtension];

  // If configuration file is a JS Function:
  window.config = () => {
    return {
      extensions: [SomeExtension]
    };
  };
</script> -->
<script defer src="https://edrn-labcas.jpl.nasa.gov/labcas-ui/ohif/app.js"></script> You need to enable JavaScript to run this app.

index.html:111 OHIF launcher: failed to parse simulated.json for diagnostics SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON (at VM3820:1:1)
at JSON.parse ()
at index.html:66:27
(anonymous) @ index.html:111
Promise.then
(anonymous) @ index.html:63
utils.js?version=9.0.0:538 {FavoriteCollections: Array(0), FavoriteDatasets: Array(0), FavoriteFiles: Array(0)}
utils.js?version=9.0.0:683 1
index.html:180 OHIF index page loaded
index.html:227 LTP2-Site6
index.html:252 Using simulated URL: %2Fsimulated.json
index.html:256 OHIF iframe set, waiting for viewer to load
utils.js?version=9.0.0:2559 {response: {…}, facet_counts: {…}}
init.tsx:60 CornerstoneRender: using GPU rendering
MeasurementService.ts:246 New 'Cornerstone3DTools@0.1' source added.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
ModalProvider.tsx:38 react-i18next:: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.
warn @ utils.js:11
warnOnce @ utils.js:22
useTranslation @ useTranslation.js:48
(anonymous) @ ModalProvider.tsx:38
renderWithHooks @ react-dom.development.js:15486
mountIndeterminateComponent @ react-dom.development.js:20103
beginWork @ react-dom.development.js:21626
(anonymous) @ react-dom.development.js:27465
performUnitOfWork @ react-dom.development.js:26596
workLoopSync @ react-dom.development.js:26505
renderRootSync @ react-dom.development.js:26473
performConcurrentWorkOnRoot @ react-dom.development.js:25777
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
(anonymous) @ scheduler.development.js:533
postMessage
(anonymous) @ scheduler.development.js:574
requestHostCallback @ scheduler.development.js:588
unstable_scheduleCallback @ scheduler.development.js:441
scheduleCallback$1 @ react-dom.development.js:27576
ensureRootIsScheduled @ react-dom.development.js:25722
scheduleUpdateOnFiber @ react-dom.development.js:25570
dispatchSetState @ react-dom.development.js:16708
Promise.then
(anonymous) @ App.tsx:70
(anonymous) @ App.tsx:73
commitHookEffectListMount @ react-dom.development.js:23189
commitPassiveMountOnFiber @ react-dom.development.js:24965
commitPassiveMountEffects_complete @ react-dom.development.js:24930
commitPassiveMountEffects_begin @ react-dom.development.js:24917
commitPassiveMountEffects @ react-dom.development.js:24905
flushPassiveEffectsImpl @ react-dom.development.js:27078
flushPassiveEffects @ react-dom.development.js:27023
(anonymous) @ react-dom.development.js:26808
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
(anonymous) @ scheduler.development.js:533
postMessage
(anonymous) @ scheduler.development.js:574
requestHostCallback @ scheduler.development.js:588
unstable_scheduleCallback @ scheduler.development.js:441
scheduleCallback$1 @ react-dom.development.js:27576
ensureRootIsScheduled @ react-dom.development.js:25722
scheduleUpdateOnFiber @ react-dom.development.js:25570
updateContainer @ react-dom.development.js:28897
(anonymous) @ react-dom.development.js:29353
(anonymous) @ index.js:41
Promise.then
(anonymous) @ index.js:22
(anonymous) @ react refresh:6
webpack_require @ bootstrap:22
(anonymous) @ startup:5
(anonymous) @ startup:5
index.html:254 OHIF viewer loaded
index.js:935 ⚠️ React Router Future Flag Warning: React Router will begin wrapping state updates in React.startTransition in v7. You can use the v7_startTransition future flag to opt-in early. For more information, see https://reactrouter.com/v6/upgrading/future#v7_starttransition.
warnOnce @ index.js:935
(anonymous) @ index.js:938
logV6DeprecationWarnings @ index.js:941
(anonymous) @ index.js:643
commitHookEffectListMount @ react-dom.development.js:23189
commitPassiveMountOnFiber @ react-dom.development.js:24965
commitPassiveMountEffects_complete @ react-dom.development.js:24930
commitPassiveMountEffects_begin @ react-dom.development.js:24917
commitPassiveMountEffects @ react-dom.development.js:24905
flushPassiveEffectsImpl @ react-dom.development.js:27078
flushPassiveEffects @ react-dom.development.js:27023
(anonymous) @ react-dom.development.js:26808
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
(anonymous) @ scheduler.development.js:533
postMessage
(anonymous) @ scheduler.development.js:574
(anonymous) @ scheduler.development.js:538
postMessage
(anonymous) @ scheduler.development.js:574
requestHostCallback @ scheduler.development.js:588
unstable_scheduleCallback @ scheduler.development.js:441
scheduleCallback$1 @ react-dom.development.js:27576
ensureRootIsScheduled @ react-dom.development.js:25722
scheduleUpdateOnFiber @ react-dom.development.js:25570
dispatchSetState @ react-dom.development.js:16708
Promise.then
(anonymous) @ App.tsx:70
(anonymous) @ App.tsx:73
commitHookEffectListMount @ react-dom.development.js:23189
commitPassiveMountOnFiber @ react-dom.development.js:24965
commitPassiveMountEffects_complete @ react-dom.development.js:24930
commitPassiveMountEffects_begin @ react-dom.development.js:24917
commitPassiveMountEffects @ react-dom.development.js:24905
flushPassiveEffectsImpl @ react-dom.development.js:27078
flushPassiveEffects @ react-dom.development.js:27023
(anonymous) @ react-dom.development.js:26808
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
(anonymous) @ scheduler.development.js:533
postMessage
(anonymous) @ scheduler.development.js:574
requestHostCallback @ scheduler.development.js:588
unstable_scheduleCallback @ scheduler.development.js:441
scheduleCallback$1 @ react-dom.development.js:27576
ensureRootIsScheduled @ react-dom.development.js:25722
scheduleUpdateOnFiber @ react-dom.development.js:25570
updateContainer @ react-dom.development.js:28897
(anonymous) @ react-dom.development.js:29353
(anonymous) @ index.js:41
Promise.then
(anonymous) @ index.js:22
(anonymous) @ react refresh:6
webpack_require @ bootstrap:22
(anonymous) @ startup:5
(anonymous) @ startup:5
index.js:935 ⚠️ React Router Future Flag Warning: Relative route resolution within Splat routes is changing in v7. You can use the v7_relativeSplatPath future flag to opt-in early. For more information, see https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath.
warnOnce @ index.js:935
(anonymous) @ index.js:938
logV6DeprecationWarnings @ index.js:944
(anonymous) @ index.js:643
commitHookEffectListMount @ react-dom.development.js:23189
commitPassiveMountOnFiber @ react-dom.development.js:24965
commitPassiveMountEffects_complete @ react-dom.development.js:24930
commitPassiveMountEffects_begin @ react-dom.development.js:24917
commitPassiveMountEffects @ react-dom.development.js:24905
flushPassiveEffectsImpl @ react-dom.development.js:27078
flushPassiveEffects @ react-dom.development.js:27023
(anonymous) @ react-dom.development.js:26808
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
(anonymous) @ scheduler.development.js:533
postMessage
(anonymous) @ scheduler.development.js:574
(anonymous) @ scheduler.development.js:538
postMessage
(anonymous) @ scheduler.development.js:574
requestHostCallback @ scheduler.development.js:588
unstable_scheduleCallback @ scheduler.development.js:441
scheduleCallback$1 @ react-dom.development.js:27576
ensureRootIsScheduled @ react-dom.development.js:25722
scheduleUpdateOnFiber @ react-dom.development.js:25570
dispatchSetState @ react-dom.development.js:16708
Promise.then
(anonymous) @ App.tsx:70
(anonymous) @ App.tsx:73
commitHookEffectListMount @ react-dom.development.js:23189
commitPassiveMountOnFiber @ react-dom.development.js:24965
commitPassiveMountEffects_complete @ react-dom.development.js:24930
commitPassiveMountEffects_begin @ react-dom.development.js:24917
commitPassiveMountEffects @ react-dom.development.js:24905
flushPassiveEffectsImpl @ react-dom.development.js:27078
flushPassiveEffects @ react-dom.development.js:27023
(anonymous) @ react-dom.development.js:26808
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
(anonymous) @ scheduler.development.js:533
postMessage
(anonymous) @ scheduler.development.js:574
requestHostCallback @ scheduler.development.js:588
unstable_scheduleCallback @ scheduler.development.js:441
scheduleCallback$1 @ react-dom.development.js:27576
ensureRootIsScheduled @ react-dom.development.js:25722
scheduleUpdateOnFiber @ react-dom.development.js:25570
updateContainer @ react-dom.development.js:28897
(anonymous) @ react-dom.development.js:29353
(anonymous) @ index.js:41
Promise.then
(anonymous) @ index.js:22
(anonymous) @ react refresh:6
webpack_require @ bootstrap:22
(anonymous) @ startup:5
(anonymous) @ startup:5
MeasurementService.ts:310 New measurement mapping added to source 'Cornerstone3DTools@0.1'.
VM3864:1 Uncaught (in promise) SyntaxError: Unexpected token '<', "<!doctype "... is not valid JSON

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions