VTK.js，React，JavaScript:加载VTK文件

Question

我遵循了介绍指南：requirement.html来安装vtk，节点和git。

我一直在尝试将其集成到一个反作用力中，它的结果是：

编译./node_modules/vtk.js/Sources/Rendering/OpenGL/Texture/index.js 1126失败:在'./ComputeGradients.worker‘中找不到“导出’默认‘(导入为'ComputeGradientsWorker')

我只是在：https://kitware.github.io/vtk-js/examples/PolyDataReader.html中使用了代码

此外，如果我转到前面的文件并深入到./ComputedGradients.worker中，就可以很好地导航到ComputeGradients.worker.js。

我需要其他的要求来执行申请吗？我使用的是节点服务器。

此外，我还编写了作为React代码的代码：

import React from 'react';


import vtkActor from 'vtk.js/Sources/Rendering/Core/Actor';
import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow/index';
import vtkMapper from 'vtk.js/Sources/Rendering/Core/Mapper';
import vtkPolyDataReader from 'vtk.js/Sources/IO/Legacy/PolyDataReader';

class LoadVTK extends React.Component() {
    render() {
        const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
        const renderer = fullScreenRenderer.getRenderer();
        const renderWindow = fullScreenRenderer.getRenderWindow();

        const resetCamera = renderer.resetCamera;
        const render = renderWindow.render;

        const reader = vtkPolyDataReader.newInstance();
        reader.setUrl(`C:\Users\YonePC\WebstormProjects\prototipo\src\components\animals\cabezasegmentado02.vtk`).then(() => {
            const polydata = reader.getOutputData(0);
            const mapper = vtkMapper.newInstance();
            const actor = vtkActor.newInstance();

            actor.setMapper(mapper);
            mapper.setInputData(polydata);

            renderer.addActor(actor);

            resetCamera();
            render();

        });

        return (
            <div></div>
        );

    }
}

export default LoadVTK;

我在主页上把它用作：

<LoadVTK/>

有什么问题吗？

Answer 1

我运行了您的示例，发现了两个问题：

• dist路径问题( @Jonathan Quiroz已经解决了)
• 扩展React.Component()而不是React.Component --这会导致代码可以构建，但不能在浏览器中正常运行。

别忘了正确设置webpack (dependency.html)

在这两次更新之后，它应该能工作--我已经测试过了。

Answer 2

您必须将该文件放在服务器中，例如，我与webpack一起运行，该文件位于文件夹dist: dist/cabezasegmentado02.vtk中。

当您调用文件时: reader.setUrl("cabezasegmentado02.vtk")