No tengo ni idea de por qué recibo este error y qué podría estar saliendo mal. Aquí hay un desglose de lo que está sucediendo:

1. Inicié una aplicación NPM/webpack
2. Luego importé en tres js y tres líneas de malla:

 import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js"; import { MeshLine, MeshLineMaterial, MeshLineRaycast } from 'three.meshline';

Luego comencé a agregar líneas y cajas y esas cosas. 3) Este es un error que sigo recibiendo:

ADVERTENCIA: Se están importando varias instancias de Three.js.

4. Para depurar esto, comenté la línea de código para Meshline, que soluciona este problema.
5. Así que eché un vistazo al archivo MeshLine y se ve así:

 var THREE = root.THREE || (has_require && require('three')) if (!THREE) throw new Error('MeshLine requires three.js')

6. Mi teoría de trabajo es que no se trata de múltiples versiones sino de múltiples momentos diferentes en los que se importa. y esto pasa porque yo tengo algo de TRES y de tres.
7. ¿Es esta intuición correcta? y que hago para arreglarlo?

EDITAR 1:

También traté de importar los archivos de esta manera:

 import {PerspectiveCamera, AmbientLight, DirectionalLight, WebGLRenderer, Color, Scene, sRGBEncoding} from "three";

Pero eso tampoco ayudó

EDIT 2: Intenté la window.THREE = THREE; eso tampoco funciono

También aquí hay un repositorio que he creado que replica este error: https://github.com/range-et/THREE_THREEMESHLINE