Issue with Demo Project - Empty Viewport

[francescoderose]

HI,

I’ve tried launching the demo project, but unfortunately, the viewport remains empty every time. I’ve followed the instructions, but the issue persists. Could anyone provide guidance on how to resolve this?

Thank you for your availability and the great work on this project!

[EugeneQilo]

@sedghi any chance you can get this repo to render? I'm getting same results as @francescoderose

[sedghi]

Angular uses vite as far as i know, you can take a look at the vite recipe here which seems to work both in prod and dev

https://github.com/cornerstonejs/vue-cornerstone3d

https://github.com/cornerstonejs/vite-react-cornerstone3d

[francescoderose]

@sedghi Vite shouldn’t be natively compatible with Angular. Is it essential for the functionality, or could we consider another approach? Thank you

[sedghi]

I'll check this in about two weeks. I'm currently busy with other tasks, but since Angular uses Vite, it should work the same way.

[EugeneQilo]

@sedghi Vite or Webpack, it is giving the same issue... The issue is when decodeImageFrameWorker is run as a Worker... The path of import.meta.url is populating as a local file://xxxx path instead of a server path. Not sure if this is something you have faced before and know the answer to.

const instance = new Worker(
new URL('./decodeImageFrameWorker.js', import.meta.url),
{ type: 'module' }
);

[Sinarab]

I'm having tha same issue here. Trying to find a workaround however still stuck, like @sedghi said this seams to be a problem the way vite bundles on a angular app.

Have anyone another solution for this?

[sedghi]

try excluding the dicomimageLoader pacakge from vite optimization, as here https://github.com/cornerstonejs/vite-react-cornerstone3d/blob/main/vite.config.ts

[Sulaiman2018]

Hi, has anyone found a solution to this issue? I'm experiencing the same behavior where the viewport remains empty when trying to launch the demo project. Any ideas or solutions would be really appreciated!

Thanks in advance.