Estoy importando en mi JS principal otro JS de un CDN condicionalmente así:

 if (('standalone' in navigator) && (!navigator.standalone)) { import('https://unpkg.com/pwacompat'); }

Pero me gustaría alojarlo yo mismo e incluir este archivo JS en mi archivo JS principal con JavaScript en el método del navegador. Como esto:

pwacompacto.js:

 function pwacompact() { console.log("pwacompact"); } export { logpwacompact }; // here goes the js I want to import...

principal.js:

 // ... other functions preceding the conditional import statement, and then: if (('standalone' in navigator) && (!navigator.standalone)) { import { pwacompact } from "pwacompact.min.js"; logpwacompact(); }

El problema en main.js es que quiero colocar esta importación en la parte inferior de la secuencia de comandos, pero no puedo porque recibo un error de análisis: es posible que la declaración de importación solo aparezca en el nivel superior.

Por favor, ¿cómo puedo solucionar esto? ¿Cómo puedo incluir el segundo JS en el JS principal y cargarlo condicionalmente?

¡Gracias!