Estoy tratando de importar tres.js. Estoy siguiendo la documentación, sin embargo, recibo el error:
Uncaught TypeError: Error resolving module specifier “three”. Relative module specifiers must start with “./”, “../” or “/”
Mis declaraciones de importación:
<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script> <script type="importmap"> { "imports": { "three": "https://unpkg.com/three@0.139.2/build/three.module.js" } } </script> <script type="module"> import * as THREE from 'three'; const scene = new THREE.Scene(); </script>
¿Lo estoy importando mal? ¿Dónde pondría el “./”, “../” o “/”?
Siento que está complicando demasiado las cosas con los mapas de importación, y está introduciendo el riesgo de un soporte de navegador muy deficiente , como lo mencionó TheJim01.
Simplemente copie el archivo three.module.js de https://unpkg.com/three@0.139.2/build/three.module.js a una carpeta local en su aplicación como /libraries/three.module.js
.
Luego importarlo con
<script type="module"> import * as THREE from './libraries/three.module.js'; const scene = new THREE.Scene(); </script>