Error in documentation

[LeonardoDaLuz]

Description

There is an error in the documentation.
It is not possible to import these modules, they do not exist in these folders:

import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';

Page:
https://threejs.org/docs/#manual/en/introduction/Installation

Reproduction steps

Just enter in this link: https://threejs.org/docs/#manual/en/introduction/Installation

Code

import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';

Screenshots

The correct is:
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';

And those are not detected by autoimport.

Version

0.155.0

Device

Desktop

Browser

Chrome, Firefox, Safari, Edge

OS

Windows

[Mugen87]

Importing should work since the addons alias is defined in the exports section in package.json:

three.js/package.json

Line 15 in e5426b0

"./addons/*": "./examples/jsm/*",

It seems your development tool does not evaluate this entry.

When directly importing modules in the browser, you have to define an import map like explained in the guide. The import map makes sure imports with three/addons/ can be resolved.

[donmccurdy]

In some development environments you could use three/examples/jsm/* too, and that is OK. I'm not sure what bundlers do not support exports these days, and would be curious what build system is used here.