Can't run three.js basic example

[fedemarino31]

I've just followed the tutorial for Three.js on https://www.theatrejs.com/docs/latest/getting-started/with-three-js And I'm getting the following error: But the tutorial does not say you should import the "core"

Also on a separate project, I tried importing the core module on a basic three.js project without usign Webpack or Vite. I just wanted to directly import the module using import maps The key parts of the code are:

main.html

    <script type="importmap">
        {
          "imports": {
            "three": "/node_modules/three/build/three.module.js",
            "three/addons/": "/node_modules/three/examples/jsm/",
            "@theatre/":"/node_modules/@theatre/"
          }
        }
    </script>

main.js

import { getProject } from '@theatre/core'

and I'm getting this error

I also tried with

import { getProject } from '@theatre/core/dist/index.js'

But it does not seam to export "getProject"

any ideas?

I'm using version 0.7.0

[GhostCatcg]

No one can help you with this question, but theatre has its own case study, you can check his case study

[gong9]

Why, I think it's foolish to not even guarantee basic tutorials and allow this to happen

[GhostCatcg]

The way you import modules is not what the theaterjs tutorial document says. You can try vite or webpack. I think the author has limited maintenance time. If you think it is unreasonable, you can submit a commit.

Why, I think it's foolish to not even guarantee basic tutorials and allow this to happen

[gong9]

I just took a look at its code, and its studio sub package needs to go to the window to obtain the core package. Therefore, it is necessary to

import studio from '@theatre/studio'
import core from '@theatre/core'

window.__TheatreJS_CoreBundle = core
studio.initialize()