Getting an error trying to integrate one of your examples to my project

daniel_Gilyadov · January 11, 2021, 2:46pm

Hey everyone,

yesterday I tried to integrate this:

OHIF/react-vtkjs-viewport/blob/master/examples/VTKCrosshairsExample.js

import React from 'react';
import { Component } from 'react';
import {
  View2D,
  getImageData,
  loadImageData,
  vtkInteractorStyleMPRCrosshairs,
  vtkSVGCrosshairsWidget,
} from '@vtk-viewport';
import { api as dicomwebClientApi } from 'dicomweb-client';
import vtkVolume from 'vtk.js/Sources/Rendering/Core/Volume';
import vtkVolumeMapper from 'vtk.js/Sources/Rendering/Core/VolumeMapper';

const url = 'https://server.dcmjs.org/dcm4chee-arc/aets/DCM4CHEE/rs';
const studyInstanceUID =
  '1.3.6.1.4.1.14519.5.2.1.2744.7002.373729467545468642229382466905';
const ctSeriesInstanceUID =
  '1.3.6.1.4.1.14519.5.2.1.2744.7002.182837959725425690842769990419';
const searchInstanceOptions = {
  studyInstanceUID,

This file has been truncated. show original

with my project, but unfortunately got an error

Steps I took to integrate:

downloaded this file, and imported it into one of my project files
checked the versions on the examples and matched them with my project

I tried to narrow the code to figure out which part of it was causing the error, and saw that those lines:

import {
  View2D,
  getImageData,
  loadImageData,
  vtkInteractorStyleMPRCrosshairs,
  vtkSVGCrosshairsWidget,
} from '@vtk-viewport';

were causing the error.

Any help would be highly appreciated