No image return when i use cornerstone.loadAndCacheImage(imageId)

const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(file);
        var element = document.getElementById('dicomImage');
        cornerstone.enable(element);
        cornerstone.loadAndCacheImage(imageId).then((image) => {
          console.log(image)
          //const viewport = cornerstone.getDefaultViewportForImage(element, image);
          cornerstone.displayImage(element, image);
});

Nothing print out in the callback and the promise is pending Browser print out an error cornerstoneWADOImageLoaderWebWorker.js:1 Uncaught SyntaxError: Unexpected token <

[MasonBergstrom]

Alright took awhile but I finally got it working with all of my files. For the Explicit VR Little Endian it wasn’t pako I was missing, I never initialized the WebWorker.

When I didn’t provide any config to initialize with, it was using the default config. I assumed the default was using the codec provided by the NPM package since some of my images were still working just fine.

Turns out those scripts aren’t hooked up to work through the package so, I put them into my public folder in a folder called “ImageLoaderScripts” and used this:

try {
    wado.webWorkerManager.initialize({
        maxWebWorkers: 8,
        startWebWorkersOnDemand: true,
        webWorkerPath: '/ImageLoaderScripts/cornerstoneWADOImageLoaderWebWorker.min.js',
        webWorkerTaskPaths: [],
        taskConfiguration: {
            decodeTask: {
                loadCodecsOnStartup: true,
                initializeCodecsOnStartup: false,
                codecsPath: '/ImageLoaderScripts/cornerstoneWADOImageLoaderCodecs.min.js',
                usePDFJS: false,
                strict: true
            }
        }
    });
} catch (error) {
    throw new Error('cornerstoneWADOImageLoader is not loaded');
}

When adding this line to the code all of my images load perfectly. If I remove it I get the error message: Uncaught SyntaxError: Unexpected token <

Stepping through the NPM bundled code I believe the spot that throws the error is createImage.js#L77 I’m guessing when it can’t decode the image, because it’s missing a codec, the promise just rejects without explaining why. Is there an earlier spot we could throw an error that lets us know we’re missing something like codecs?

[dannyrb]

@MasonBergstrom, is this an accurate summary of what you would like to see addressed? https://github.com/cornerstonejs/cornerstoneWADOImageLoader/issues/252