Solución: Uncaught SyntaxError: Cannot use import statement outside a module

Publicado el 18 febrero 2021 por Roberto Gascón @RogamaGascon

Hoye he perdido un buen rato ya que al intentar usar la librería para carrousel de Bootstrap me arrojaba un par de errores, y cuando vas como pollo sin cabeza, no te fijas en los pequeños detalles; importaba la librería del siguiente modo:

Y me encontraba 2 errores en la consola, aunque estaba prestando mas atencion al ultimo:

  • Uncaught SyntaxError: Cannot use import statement outside a module
  • jQuery.Deferred exception: $(...).carousel is not a function TypeError: $(...).slider is not a function

Si tengo la librería cargada no debería aparecerme el ultimo error, ya que si que existe, e incluso instanciándola en la consola una vez cargada la web seguía con el mismo error, y todo era debido al primer error.

La solución, es cargarla del siguiente modo:

Fuente: https://stackoverflow.com/questions/59973416/getting-uncaught-syntaxerror-cannot-use-import-statement-outside-a-module-whe#answer-59973473