Instalé las tres bibliotecas a través de npm. En el directorio node_modules se encuentra la carpeta three . Pero cuando quise importarlo usando:
import * as THREE from 'three';da el siguiente error:
ReferenceError: regeneratorRuntime is not defined
Pero cuando uso;
import * as THREE from 'three/build/three.cjs';funciona correctamente. Además, ocurre el mismo problema al importar complementos externos:
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";¿Cómo puedo arreglar esto?
Three.js usa ES6 async/await, necesita actualizar o configurar sus ajustes preestablecidos de babel para admitir async/await. Esto puede ayudar a Babel 6 regeneratorRuntime no está definido
Asegúrese de hacer referencia a la ruta correcta donde se encuentra su módulo de tres . Intentaría lo siguiente para una secuencia de comandos en rootForlder/src/theScriptWhereYourImportIs.js :
import * as THREE from '../node_modules/three/build/three.module.js';Si el script está en el mismo nivel de jerarquía que su carpeta node_modules , lo siguiente debería funcionar:
import * as THREE from './node_modules/three/build/three.module.js';Por lo que recuerdo, tuve que hacer algunas pruebas y resolver esto, ya que no estaba muy claro en la documentación. Cualquier idea será bienvenida.