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

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:

<script src="/js/carousel.js?"></script>

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:

 <script type=“module” src=“js/carousel.js”></script>



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