The doc for CameraUtils says import incorrect exported name "CameraUtils"

[tomphan]

Description

The doc says:
import { CameraUtils } from 'three/addons/utils/CameraUtils.js';

However if follow, there will be an error message in the console:
Uncaught SyntaxError: The requested module 'three/addons/utils/CameraUtils.js' does not provide an export named 'CameraUtils'

Actually the code CameraUtils.js exports only the name frameCorners. So the import syntax should be:
import { frameCorners } from 'three/addons/utils/CameraUtils.js';

Reproduction steps

1. Following the docs: https://threejs.org/docs/index.html#examples/en/utils/CameraUtils
2. import { CameraUtils } from 'three/addons/utils/CameraUtils.js';

Code

    import { frameCorners } from 'three/addons/utils/CameraUtils.js';

Live example

---

Screenshots

No response

Version

0.155.0

Device

No response

Browser

No response

OS

No response

[Mugen87]

Good catch!

Would you like to file a PR that changes the import similar to BufferGeometryUtils? Meaning:

import * as CameraUtils from 'three/addons/utils/CameraUtils.js';

[tomphan]

If use: import { frameCorners }, the code function frameCorners(...) can be used as usually.

If you use the * as CameraUtils :

 import * as CameraUtils from 'three/addons/utils/CameraUtils.js';

The code for calling frameCorners should now be:

  CameraUtils.frameCorners(...);

[Mugen87]

Yes, however we have to stick to one convention and we usually use the import * as syntax. Even in code for example:

three.js/examples/webgl_geometry_minecraft.html

Line 154 in 0b16913

const geometry = BufferGeometryUtils.mergeGeometries( geometries );