# Import import { OrbitControls } not work . what is wrong ? Help **URL:** \ **Category:** Questions\ **Tags:** vite, orbit-controls\ **Created:** [February 2, 2023, 12:06am UTC](https://discourse.threejs.org/t/import-import-orbitcontrols-not-work-what-is-wrong-help/47547 "2023-02-02T00:06:17Z")\ **Posts on this page:** 3\ **Page:** 1

**Author:** ![Dania\_Ibrahim](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/dania_ibrahim/32/33021_2.png) [@Dania\_Ibrahim](https://discourse.threejs.org/u/Dania_Ibrahim)\ **Post date:** [February 2, 2023, 12:06am UTC](https://discourse.threejs.org/t/import-import-orbitcontrols-not-work-what-is-wrong-help/47547/1 "2023-02-02T00:06:17Z")

Although the capsule is successfully loaded and animated, none of the OrbitControls function works. I’m using three.js with vite. when I run main.js it returns an error `error (err_module_not_found): cannot find module` I tried many methods like adding (.js) extension or changing` > > ``` **style.css** ```javascript > *{ > margin: 0; > padding: 0; > box-sizing: border-box; > } > body, > html{ > overflow-x: hidden; > font-family: "Poppins", sans-serif; > } > > .webgl { > position: absolute; > top: 0; > left: 0; > z-index : 1; > } > > nav{ > color:white; > Z-index:2; > position: relative; > padding: 4rem 8rem; > display: flex; > justify-content: space-between; > } > > nav a{ > text-decoration : none; > color:white; > font-weight: bold; > } > > nav ul { > list-style: none; > display: flex; > gap: 4rem; > } > .title { > color: white; > Z-index:2; > position: absolute; > font-size: 3rem; > left: 50%; > top: 75%; > transform: translate (-50%, -75%) ; > } ``` ---

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\ **Post date:** [February 2, 2023, 12:40am UTC](https://discourse.threejs.org/t/import-import-orbitcontrols-not-work-what-is-wrong-help/47547/2 "2023-02-02T00:40:25Z")

In your `main.js` do you really mean: ```javascript controls.update ``` or ```javascript controls.update(); ``` ---

**Author:** ![Dania\_Ibrahim](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/dania_ibrahim/32/33021_2.png) [@Dania\_Ibrahim](https://discourse.threejs.org/u/Dania_Ibrahim)\ **Post date:** [February 2, 2023, 12:57am UTC](https://discourse.threejs.org/t/import-import-orbitcontrols-not-work-what-is-wrong-help/47547/3 "2023-02-02T00:57:23Z")

still not working, I even put it in a loop but still not working . ```javascript > const loop= () => { > > controls.update > > renderer.render(scene, camera) > > window.requestAnimatioFrame(loop) > > } > > loop () ```