cornerstonejs / react-cornerstone-viewport

Cornerstone medical image viewport component for React
https://react.cornerstonejs.org/
MIT License
96 stars 74 forks source link

Error fs #68

Closed devalexandre closed 4 years ago

devalexandre commented 4 years ago
✖ ERROR ../node_modules/cornerstone-wado-image-loader/dist/cornerstoneWADOImageLoader.min.js
Module not found: Error: Can't resolve 'fs' in './node_modules/cornerstone-wado-image-loader/dist'
 @ ../node_modules/cornerstone-wado-image-loader/dist/cornerstoneWADOImageLoader.min.js 1:1536166-1536179 1:2419658-2419671
 @ ../node_modules/react-cornerstone-viewport/dist/index.es.js
 @ ./index.js
 @ ../node_modules/preact-cli/lib/lib/entry.js
 @ multi ../node_modules/preact-cli/lib/lib/entry webpack-dev-server/client webpack/hot/dev-server

import './style';
import { Component } from 'preact';
import CornerstoneViewport from 'react-cornerstone-viewport';

export default class App extends Component {
    state = {
        tools: [
          // Mouse
          {
                name: 'Wwwc',
                mode: 'active',
                modeOptions: { mouseButtonMask: 1 }
          },
          {
                name: 'Zoom',
                mode: 'active',
                modeOptions: { mouseButtonMask: 2 }
          },
          {
                name: 'Pan',
                mode: 'active',
                modeOptions: { mouseButtonMask: 4 }
          },
          // Scroll
          { name: 'StackScrollMouseWheel', mode: 'active' },
          // Touch
          { name: 'PanMultiTouch', mode: 'active' },
          { name: 'ZoomTouchPinch', mode: 'active' },
          { name: 'StackScrollMultiTouch', mode: 'active' }
        ],
        imageIds: [
          'dicomweb://s3.amazonaws.com/lury/PTCTStudy/1.3.6.1.4.1.25403.52237031786.3872.20100510032220.11.dcm',
          'dicomweb://s3.amazonaws.com/lury/PTCTStudy/1.3.6.1.4.1.25403.52237031786.3872.20100510032220.12.dcm'
        ]
      };
    render() {
        return (
            <div>
                <h1>Hello, World!</h1>
                <CornerstoneViewport
                    tools={this.state.tools}
                    imageIds={this.state.imageIds}
                    style={{ minWidth: '100%', height: '512px', flex: '1' }}
                />
            </div>
        );
    }
}
dannyrb commented 4 years ago

https://github.com/cornerstonejs/cornerstoneWADOImageLoader/issues/273#issuecomment-535235370