Actualmente estoy incorporando TypeScript a un proyecto existente de Vue2/Nuxt (v2.15) y me encontré con un problema. En una página, traigomapbox-gl a través de CDN. Como está debajo del pliegue, lo cargo de forma perezosa a través de una etiqueta de secuencia de script que se crea una vez que el documento ha terminado de cargarse. Utilizo este enfoque para otros códigos de terceros en otros lugares.

 // helpers.ts export const onLoad = (callback: Function, delay = 1) => { if (document.readyState === "complete") { setTimeout(() => callback(), delay); } else { window.addEventListener("load", function() { setTimeout(() => callback(), delay); }) } }

 import {onLoad} from "./helpers"; export default ({ $config }) => { if ($config.environment === 'production') { onLoad(() => { const script = document.createElement('script') script.src = "https://api.mapbox.com/mapbox-gl-js/v2.7.0/mapbox-gl.js" document.getElementsByTagName('head')[0].appendChild(script) }) } }

Esto funciona bien, sin embargo, ahora estoy buscando incorporar TypeScript en la mezcla. El problema es que TypeScript no reconoce mapboxgl .

Las referencias a las propiedades de mapboxgl (por ejemplo, mapboxgl.accessToken ) están marcadas como un problema en mi IDE. Cuando paso el cursor por encima para ver los detalles del problema, obtengo:

 TS2304: Cannot find name 'mapboxgl'.

Intenté instalar @types/mapbox-gl a través de. npm i @types/mapbox-gl --save-dev , pero esto no resolvió el problema. Creo que este enfoque solo funciona si instalo mapbox-gl como una dependencia en el proyecto, lo cual quiero evitar. Prefiero cargar el código de terceros de forma perezosa a través de scripts.

Entonces, la pregunta es, ¿cómo puedo usar TypeScript para javascript cargado mediante una etiqueta de script?

EDITAR:

Creo que la pregunta/respuesta sugerida es útil, pero no responde completamente la pregunta específica que estoy haciendo. Declarar mapboxgl como una variable global suprimiría el error IDE, pero ¿cómo asigno esa declaración a los tipos proporcionados por @types/mapbox-gl ? Además, la pregunta/respuesta sugerida tiene el título "Crear una variable global en TypeScript". Creo que una respuesta más enfocada podría beneficiar a otros.