0
229
ViewsThreejs importando OrbitControl.js
Así que solo estoy usando un html normal sin otras bibliotecas ... como reactjs, vitejs, vuejs, etc. Solo quiero que se importe como html normal y solo se coloque la etiqueta del script .
Entonces, la cosa es que no sé por qué sigo recibiendo la importación incorrecta que me da algo como esto.
Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".
Este problema ocurrió solo en mi OrbitControls.js y no entiendo lo que significa.
Y así se ve en mi terminal de secuencias de comandos y ubicaciones de archivos.
Intenté copiar el enlace unpkg del control de órbita, pero tampoco funciona. También intenté pasar el archivo sin procesar, pero aún no funciona. ¿Alguien puede ayudarme con esto?
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.9/dat.gui.min.js" integrity="sha512-WoO4Ih0CDOSLYafy22wZD/mcJ7k0ESLqtQsFa6zFKnEUrbtuGU+GkLtVhgt93xa2qewG5gKEC6CWlN8OaCTSVg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="OrbitControls.js" type="module"></script> <script type="module"> import * as THREE from 'https://unpkg.com/three@0.141.0/build/three.module.js'; import * as dat from './dat.gui.module.js' import { OrbitControls } from 'OrbitControls.js' // console.log(dat) // const orbit = new OrbitControls() console.log(OrbitControls) </src>También traté de obtener el enlace de OrbitControls haciendo algo como esto
import { OrbitControls } from 'https://unpkg.com/browse/three@0.141.0/examples/jsm/controls/OrbitControls.js' console.log(OrbitControls)1 answers
Answer question0
Cuando no trabaje con un paquete, debe definir un mapa de importación cuando use los módulos ES6 de three.js . Ponga el siguiente código en su HTML:
<script type="importmap"> { "imports": { "three": "https://unpkg.com/three@0.141.0/build/three.module.js" } } </script>En su código JS, haga esto:
import * as THREE from 'three'; import { OrbitControls } from 'https://unpkg.com/three@0.141.0/examples/jsm/controls/OrbitControls.js'; También debe eliminar la línea <script src="OrbitControls.js" type="module"></script> .