How to import OrbitControls? I'm having trouble importing it!

Questions
1

I’m getting this error Uncaught TypeError: Failed to resolve module specifier “three”. Relative references must start with either “/”, “./”, or “…/”.

2

how did you import it?

the correct way is:

import * as THREE from 'three'
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'

but that can only work with a bundler. if you use script tags you need something like skypack or unpkg, which are cdn bundlers.

2 Likes
3

See Module Import / Usage

and the BeginnerExample from the Collection of examples from discourse.threejs.org

Read the documents at bottom of * discourse.threejs.hofk.de
:slightly_smiling_face:

1 Like
4

Thank you! I was using npm and installed modules and now it is solved after using cdn!

5

Thanks for sharing it helped me documentation is really good!!