Importing Orbit Controls

Questions
1

Hi there I am trying to import Orbit controls from my node modules but it is giving the error provided in 2nd image.

image
image724×73 6.76 KB

image

Thank you :smiley:

2

This who I have my imports

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

check if the OrbitControls file is in your node modules folder first. if not try

npm install three-orbitcontrols
3

you can’t import from node_modules, that folder does not exist in production or from the bundlers perspective. the whole point of it is that when you import something, say “three”, it resolves it according to your local node_modules folder and then includes that bit in your bundle.

4

also you are missing the “.js” extension on the import

5

I am pretty sure this is the right solution but for some reason simply importing after npm install <> does not seem to work. It might be probably because I did not set things up right from the start.

6

adding the .js extension worked. Thank you, everyone :smiley: