{"id":71647,"date":"2023-11-20T16:53:42","date_gmt":"2023-11-20T15:53:42","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=71647&post_type=knowledgebase&preview_id=71647"},"modified":"2025-10-01T21:29:08","modified_gmt":"2025-10-01T19:29:08","slug":"no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/","title":{"rendered":"Solucionado: Error \u00abNo se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo\u00bb"},"content":{"rendered":"

El mensaje de error \u00abNo se puede utilizar la sentencia import fuera de un m\u00f3dulo\u00bb se produce cuando se encuentra la palabra clave import<\/code> en un m\u00f3dulo JavaScript<\/a> o TypeScript<\/a> mal configurado.<\/p>\n

En un entorno de ejecuci\u00f3n del lado del servidor de JavaScript<\/a>, este error suele producirse por el uso de la sintaxis import<\/code> para m\u00f3dulos escritos en ECMAScript (ES) cuando Node.js<\/a> espera la palabra clave require<\/code> utilizada por el sistema de m\u00f3dulos CommonJS.<\/p>\n

TypeScript admite diferentes formatos de m\u00f3dulos, pero los errores de codificaci\u00f3n que confunden los enfoques ES y CommonJS para importar m\u00f3dulos tambi\u00e9n provocan este error.<\/p>\n

En el lado del navegador, el error suele producirse cuando no utilizas un bundler<\/a> para tus archivos de c\u00f3digo JavaScript.<\/p>\n

Este art\u00edculo explora estas tres fuentes de error y detalla una soluci\u00f3n para cada entorno.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

C\u00f3mo Resolver el Error en JavaScript del Lado del Servidor<\/h2>\n

Esta secci\u00f3n muestra c\u00f3mo resolver el error en entornos JavaScript del lado del servidor.<\/p>\n

Antecedentes<\/h3>\n

Node.js utiliza por defecto la palabra clave require<\/code> del sistema CommonJS. Por lo tanto, recibir\u00e1s el conocido error a menos que configures Node.js para que admita la sintaxis de m\u00f3dulo ES. Del mismo modo, Node.js requiere la extensi\u00f3n .mjs<\/strong> para reconocer y trabajar con m\u00f3dulos ES.<\/p>\n

Soluci\u00f3n<\/h3>\n

Como alternativa al uso de .mjs<\/strong>, puedes hacer que las versiones antiguas de Node.js sean compatibles con el m\u00f3dulo ES actual utilizando bundlers o ejecutando Node.js con la bandera --experimental-modules<\/code>. Si no, podr\u00edas establecer el campo type<\/code> en el archivo package.json<\/strong> a module<\/code> de la siguiente manera:<\/p>\n

{\n  \"name\": \"test-package\",\n  \"version\": \"1.0.0\",\n  \"type\": \"module\",\n  \"main\": \"app.js\",\n  \"dependencies\": { }\n}<\/code><\/pre>\n
(Nota<\/strong>: Debes incluir la propiedad type<\/code> en el archivo package.json<\/strong> de todos los paquetes. Esta pr\u00e1ctica facilita la identificaci\u00f3n del sistema de m\u00f3dulos en uso y garantiza la coherencia entre tus bibliotecas)<\/p>\n
Otra forma de evitar el error es asegurarte de que las sintaxis import<\/code> y export<\/code> son correctas y se cargan adecuadamente. Es fundamental utilizar siempre rutas de archivo relativas, exportaciones con nombre, extensiones de archivo para las exportaciones y evitar las exportaciones por defecto.<\/p>\n
Aqu\u00ed tienes un ejemplo:<\/p>\n
\/\/module import \nimport { sampleFunction } from '.\/sampleModule.js';\n\n\/\/ function export\nexport function sampleFunction() {\n     \/\/ code goes here\n}<\/code><\/pre>\n
Por \u00faltimo, debes asegurarte de la compatibilidad de todas las bibliotecas de terceros con los m\u00f3dulos ES. Para ello, consulta la documentaci\u00f3n de la biblioteca en el archivo package.json<\/strong>. Alternativamente, utiliza un bundler para transpilar el c\u00f3digo de modo que un entorno JavaScript pueda entenderlo.<\/p>\n
C\u00f3mo Resolver el Error en Entornos TypeScript<\/h2>\n
Esta secci\u00f3n muestra c\u00f3mo resolver el mensaje de error en entornos TypeScript.<\/p>\n
Antecedentes<\/h3>\n
Con los m\u00f3dulos, puedes reutilizar, organizar y compartir c\u00f3digo entre varios archivos de un proyecto. ES admite m\u00f3dulos externos para compartir c\u00f3digo entre varios archivos utilizando las palabras clave import<\/code> y export<\/code>.<\/p>\n
Este error suele producirse en entornos TypeScript cuando se utiliza la sintaxis de m\u00f3dulos ES sin configurar TypeScript para utilizarla. Dado que TypeScript es un superconjunto de JavaScript, utiliza por defecto la sintaxis CommonJS para las importaciones, que utiliza require<\/code> en lugar de import<\/code>. En este caso, la sentencia import<\/code> provoca el error. No obstante, es necesario configurar correctamente TypeScript para que admita m\u00f3dulos ES.<\/p>\n
Tambi\u00e9n puedes encontrarte con este error si utilizas una extensi\u00f3n de archivo incorrecta. Por ejemplo, al utilizar TypeScript en un entorno Node.js con sintaxis de m\u00f3dulos ES, el m\u00f3dulo que quieras importar debe tener la extensi\u00f3n de archivo .mjs<\/strong> en lugar de la habitual .js<\/strong>.<\/p>\n
Otra fuente habitual del error es la configuraci\u00f3n incorrecta del campo module<\/code> en tus archivos tsconfig.json<\/strong> o package.json<\/strong> cuando utilizas bundlers como Webpack<\/a>. Sin embargo, puedes utilizar bundlers para m\u00f3dulos ES en TypeScript configurando los campos module<\/code> y target<\/code> en el archivo tsconfig.json<\/strong> a ECMAScript<\/code>. Entonces, Webpack entender\u00e1 el entorno de destino y utilizar\u00e1 las extensiones de archivo correctas al transpilar el c\u00f3digo.<\/p>\n
Soluci\u00f3n<\/h3>\n
Para cargar m\u00f3dulos ES utilizando un cargador de m\u00f3dulos como RequireJS<\/a> o un bundler como Webpack, a\u00f1ade lo siguiente al archivo tsconfig.json<\/strong>:<\/p>\n
{\n  \"compilerOptions\": {\n    \"module\": \"es20215\",\n    \"target\": \"es20215\",\n    \"sourceMap\": true\n  }\n}<\/code><\/pre>\n
En la parte compilerOptions<\/code> del c\u00f3digo anterior, los campos module<\/code> y target<\/code> est\u00e1n configurados para utilizar un m\u00f3dulo es20215<\/code>. Con estas adiciones, puedes utilizar las declaraciones import<\/code> y export<\/code> en un entorno TypeScript sin que se produzca el error.<\/p>\n
Como TypeScript utiliza CommonJS por defecto, si no modificas el archivo tsconfig.json<\/strong> en consecuencia, aparecer\u00e1 el mensaje de error.<\/p>\n
Afortunadamente, una vez que hayas configurado los campos module<\/code> y target<\/code> para utilizar un m\u00f3dulo ECMAScript<\/code>, puedes utilizar la sentencia export<\/code> para exportar una funci\u00f3n o variable de un m\u00f3dulo y la sentencia import<\/code> para cargar otro m\u00f3dulo en el \u00e1mbito del actual. Este proceso ocurre en el siguiente c\u00f3digo:<\/p>\n
\/\/ sum.ts\nexport function sum(a: number, b: number, c: number): number {\n  return a + b + c;\n}\n\n\/\/ main.ts\nimport { sum } from '.\/sum';\nconsole.log(add(4, 4, 9));<\/code><\/pre>\n
Si utilizas una versi\u00f3n anterior de Node.js, puedes activar la compatibilidad con m\u00f3dulos ES ejecutando tu c\u00f3digo con la bandera --experimental-modules<\/code>. Tambi\u00e9n debes utilizar un bundler como Webpack, Browserify<\/a> o Rollup para empaquetar todo el c\u00f3digo ES y enviarlo a un \u00fanico archivo. Aseg\u00farate de que est\u00e1 en una versi\u00f3n que los navegadores y las versiones antiguas de Node.js puedan entender y configura un archivo Webpack.config.js<\/strong> en el root de tu proyecto que especifique el tipo de m\u00f3dulo.<\/p>\n
Aqu\u00ed tienes un ejemplo extra\u00eddo de la documentaci\u00f3n de Webpack<\/a>:<\/p>\n
module.exports = {\n  entry: '.\/src\/index.ts',\n  output: {\n    filename: 'bundle.js',\n   path: path.resolve(__dirname, 'dist')\n  },\n  resolve: {\n    extensions: ['.ts', '.js', '.mjs']\n  },\n  module: {\n    rules: [\n      {\n        test: \/.ts$\/,\n        use: 'ts-loader',\n        exclude: \/node_modules\/\n      }\n    ]\n  },\n  experiments: {\n    outputModule: true\n  }\n};<\/code><\/pre>\n
El c\u00f3digo compilado se env\u00eda a un archivo bundle.js<\/strong> en el directorio dist<\/strong> del directorio root del proyecto.<\/p>\n
Tambi\u00e9n puedes utilizar polyfills como es-module-shims<\/code> para dirigirte a navegadores antiguos que no admiten las sentencias import<\/code> y export<\/code> de los m\u00f3dulos ES.<\/p>\n
C\u00f3mo Resolver el Error en JavaScript del Lado del Navegador<\/h2>\n
Esta secci\u00f3n te muestra c\u00f3mo resolver el error en entornos JavaScript del lado del navegador.<\/p>\n
Entorno<\/h3>\n
La mayor\u00eda de los navegadores modernos, incluidos Chrome, Firefox, Edge y Safari, soportan m\u00f3dulos ES, por lo que no necesitar\u00e1s utilizar polyfills, bundlers o transpiladores del navegador.<\/p>\n
Tampoco los necesitar\u00e1s si utilizas las bibliotecas frontend basadas en JavaScript React o Vue, porque admiten por defecto los campos ES imports<\/code> y exports<\/code>. Sin embargo, los navegadores m\u00e1s antiguos no admiten la sintaxis ES, por lo que necesitan estas herramientas para la compatibilidad entre plataformas.<\/p>\n
La raz\u00f3n m\u00e1s frecuente del error en un navegador antiguo es cuando los archivos HTML de una p\u00e1gina no contienen el atributo type=\"module\"<\/code>. En este caso, el error se produce porque el JavaScript que se ejecuta en la web no incluye soporte por defecto para la sintaxis de m\u00f3dulos ES. Para el c\u00f3digo JavaScript enviado a trav\u00e9s de la red, podr\u00edas encontrarte con un error de compartici\u00f3n de recursos de origen cruzado (CORS) al intentar cargar un m\u00f3dulo ES desde un dominio diferente.<\/p>\n
Soluci\u00f3n<\/h3>\n
Para evitar el error de m\u00f3dulo en un navegador antiguo, aseg\u00farate de que est\u00e1s utilizando el atributo correcto de la etiqueta script<\/code> – type=\"module\"<\/code> \u2014\u00a0 en el archivo root HTML. Alternativamente, puedes utilizar Webpack para transpilar el c\u00f3digo de modo que los navegadores antiguos puedan entenderlo.<\/p>\n
Para utilizar el atributo type=\"module\"<\/code>, incluye la siguiente l\u00ednea en tu archivo root HTML:<\/p>\n
<script type=\"module\" src=\"app.js\"><\/script><\/code><\/pre>\n
Es igualmente importante que te asegures de que las rutas de los archivos import<\/code> son v\u00e1lidas y de que utilizas la sintaxis import<\/code> correcta.<\/p>\n
Adem\u00e1s, puedes visitar sitios como Can I Use<\/a> para confirmar la compatibilidad de los navegadores con los m\u00f3dulos ES.<\/p>\n
Por \u00faltimo, dado que el uso de la extensi\u00f3n de archivo .js<\/strong> es una pr\u00e1ctica habitual, puedes establecer el atributo type<\/code> en la etiqueta script<\/code> del archivo HTML del m\u00f3dulo como soluci\u00f3n. Establecer este atributo en module<\/code> indica al navegador que ignore la extensi\u00f3n .js<\/strong> y trate el archivo como un m\u00f3dulo.<\/p>\n
Resumen<\/h2>\n
El error \u00abNo se puede utilizar la sentencia import fuera de un m\u00f3dulo\u00bb puede aparecer por varias razones, dependiendo de si est\u00e1s en un entorno JavaScript del lado del navegador o del lado del servidor. La sintaxis incorrecta, las configuraciones inadecuadas y las extensiones de archivo no compatibles siguen siendo algunas de las fuentes m\u00e1s comunes de este error.<\/p>\n
Aunque la mayor\u00eda de los navegadores modernos admiten m\u00f3dulos ES, debes asegurarte de que los navegadores antiguos sean compatibles. Bundlers como Webpack te permiten compilar todo el c\u00f3digo fuente con sus dependencias en una \u00fanica salida que los navegadores antiguos puedan entender.<\/p>\n
Recuerda a\u00f1adir el atributo type=\"module\"<\/code> en el archivo HTML para informar al navegador de que el m\u00f3dulo es un m\u00f3dulo ES. Por \u00faltimo, aunque utilizar la extensi\u00f3n .js<\/strong> para CommonJS es la pr\u00e1ctica por defecto, puedes utilizar la extensi\u00f3n .mjs<\/strong> para permitir la importaci\u00f3n de m\u00f3dulos ES.<\/p>\n
\u00bfTienes una aplicaci\u00f3n JavaScript que necesitas poner online pero no quieres gestionar t\u00fa mismo los servidores? Las plataformas de Alojamiento de Aplicaciones<\/a> y Alojamiento de Bases de Datos<\/a> de Kinsta podr\u00edan ser la respuesta. Incluso puedes combinar estos servicios con el Alojamiento de Sitios Est\u00e1ticos<\/a> de Kinsta para que el front-end de tu aplicaci\u00f3n se sirva gratuitamente.<\/p>\n","protected":false},"excerpt":{"rendered":"
El mensaje de error \u00abNo se puede utilizar la sentencia import fuera de un m\u00f3dulo\u00bb se produce cuando se encuentra la palabra clave import en un …<\/p>\n","protected":false},"author":259,"featured_media":71648,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1295,1311],"class_list":["post-71647","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-errores-javascript","topic-node-js"],"yoast_head":"\nSolucionado: Error "No se puede utilizar la sentencia Import fuera de un m\u00f3dulo" - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"El error de JavaScript "No se puede utilizar la sentencia import fuera de un m\u00f3dulo" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solucionado: Error "No se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo"\" \/>\n<meta property=\"og:description\" content=\"El error de JavaScript "No se puede utilizar la sentencia import fuera de un m\u00f3dulo" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-20T15:53:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:29:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"El error de JavaScript "No se puede utilizar la sentencia import fuera de un m\u00f3dulo" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Solucionado: Error \u00abNo se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo\u00bb\",\"datePublished\":\"2023-11-20T15:53:42+00:00\",\"dateModified\":\"2025-10-01T19:29:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\"},\"wordCount\":1518,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\",\"name\":\"Solucionado: Error \\\"No se puede utilizar la sentencia Import fuera de un m\u00f3dulo\\\" - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"datePublished\":\"2023-11-20T15:53:42+00:00\",\"dateModified\":\"2025-10-01T19:29:08+00:00\",\"description\":\"El error de JavaScript \\\"No se puede utilizar la sentencia import fuera de un m\u00f3dulo\\\" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"width\":1999,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Errores Javascript\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/errores-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Solucionado: Error \u00abNo se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo\u00bb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Solucionado: Error \"No se puede utilizar la sentencia Import fuera de un m\u00f3dulo\" - Kinsta\u00ae","description":"El error de JavaScript \"No se puede utilizar la sentencia import fuera de un m\u00f3dulo\" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/","og_locale":"es_ES","og_type":"article","og_title":"Solucionado: Error \"No se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo\"","og_description":"El error de JavaScript \"No se puede utilizar la sentencia import fuera de un m\u00f3dulo\" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.","og_url":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-11-20T15:53:42+00:00","article_modified_time":"2025-10-01T19:29:08+00:00","og_image":[{"width":1999,"height":1000,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"El error de JavaScript \"No se puede utilizar la sentencia import fuera de un m\u00f3dulo\" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Steve Bonisteel","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Solucionado: Error \u00abNo se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo\u00bb","datePublished":"2023-11-20T15:53:42+00:00","dateModified":"2025-10-01T19:29:08+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/"},"wordCount":1518,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/","url":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/","name":"Solucionado: Error \"No se puede utilizar la sentencia Import fuera de un m\u00f3dulo\" - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png","datePublished":"2023-11-20T15:53:42+00:00","dateModified":"2025-10-01T19:29:08+00:00","description":"El error de JavaScript \"No se puede utilizar la sentencia import fuera de un m\u00f3dulo\" puede aparecer de varias formas. A continuaci\u00f3n te explicamos c\u00f3mo solucionarlo.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/11\/cannot-use-import-statement-outside-module.png","width":1999,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/no-se-pued-utilizar-la-sentencia-import-fuera-del-modulo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Errores Javascript","item":"https:\/\/kinsta.com\/es\/secciones\/errores-javascript\/"},{"@type":"ListItem","position":3,"name":"Solucionado: Error \u00abNo se Puede Utilizar la Sentencia Import Fuera de un M\u00f3dulo\u00bb"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/es\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=71647"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71647\/revisions"}],"predecessor-version":[{"id":72133,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71647\/revisions\/72133"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71647\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/71648"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=71647"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=71647"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=71647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}