¿Qué es <script type="importmap"> y por qué de repente lo necesito para que mi código funcione?
<script type="importmap"> { "imports": { "three": "https://example.com/3dstuff/three.module.js" } } </script>Antes, simplemente escribía esto y Three.js funcionaba, pero ahora esta parte no funciona sin el mapa de importación:
<script type="module"> import * as THREE from "https://example.com/3dstuff/three.module.js";El mapa de importación en su código esencialmente está configurando un acceso directo desde la cadena "tres" a la URL del archivo .js real. Lo que debería estar escribiendo en su <script type="module"> es import * as three from "three"; y se resolverá automáticamente en la URL debido al mapa de importación que definiste antes.
Desde https://github.com/WICG/import-maps :
Suministrando al navegador el siguiente mapa de importación
<script type="importmap"> { "imports": { "moment": "/node_modules/moment/src/moment.js", "lodash": "/node_modules/lodash-es/lodash.js" } } </script>lo anterior actuaría como si hubieras escrito
import moment from "/node_modules/moment/src/moment.js"; import { partition } from "/node_modules/lodash-es/lodash.js";