Skip to content

[Bug] ja is not a function when attempting to render example cone when using esm.sh and vite #3498

@olly-writes-code

Description

@olly-writes-code

Bug description

I get

Uncaught TypeError: ja is not a function
    <anonymous> https://esm.sh/@kitware/vtk.js@35.14.0/es2022/Rendering/Profiles/Geometry.mjs:2
Geometry.mjs:2:153
    <anonymous> https://esm.sh/@kitware/vtk.js@35.14.0/es2022/Rendering/Profiles/Geometry.mjs:2

in the web console.

When trying to render the example cone when importing via esm.sh and using vite to serve the app

Steps to reproduce

index.html

<!doctype html>
<html>
  <body style="margin:0">
    <div id="viewer" style="width:100vw;height:100vh"></div>
    <script type="module" src="./app.js"></script>
  </body>
</html>

app.js

import "https://esm.sh/@kitware/vtk.js/Rendering/Profiles/Geometry";
import vtkFullScreenRenderWindow from "https://esm.sh/@kitware/vtk.js/Rendering/Misc/FullScreenRenderWindow";
import vtkActor       from "https://esm.sh/@kitware/vtk.js/Rendering/Core/Actor";
import vtkMapper      from "https://esm.sh/@kitware/vtk.js/Rendering/Core/Mapper";
import vtkConeSource  from "https://esm.sh/@kitware/vtk.js/Filters/Sources/ConeSource";
import vtkRenderWindow from "https://esm.sh/@kitware/vtk.js/Rendering/Core/RenderWindow";

const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
const actor = vtkActor.newInstance();
const mapper = vtkMapper.newInstance();
const cone = vtkConeSource.newInstance();
actor.setMapper(mapper);
mapper.setInputConnection(cone.getOutputPort());
const renderer = fullScreenRenderer.getRenderer();
renderer.addActor(actor);
renderer.resetCamera();
const renderWindow = fullScreenRenderer.getRenderWindow();
renderWindow.render();

served via

npx vite

Detailed Behavior

No response

Expected Behavior

The cone should be rendered.

Environment

  • vtk.js version: 35.14.0
  • Browsers: Firefox 150.0.1 (aarch64)
  • OS: macOS 15.7.4 (24G517)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions