{"id":74639,"date":"2023-11-20T16:54:16","date_gmt":"2023-11-20T15:54:16","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=74639&post_type=knowledgebase&preview_id=74639"},"modified":"2025-10-01T20:43:03","modified_gmt":"2025-10-01T19:43:03","slug":"cannot-use-import-statement-outside-module","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/","title":{"rendered":"Come risolvere l’errore “Cannot use import statement outside a module”"},"content":{"rendered":"

Il messaggio di errore “Cannot use import statement outside a module” si verifica quando la parola chiave import<\/code> viene riscontrata in un modulo JavaScript<\/a> o TypeScript<\/a> non correttamente configurato.<\/p>\n

In un ambiente di runtime JavaScript<\/a> lato server, questo errore si verifica solitamente a causa dell’uso della sintassi import<\/code> per i moduli scritti in ECMAScript (ES) quando Node.js<\/a> si aspetta la parola chiave require<\/code> utilizzata dal sistema di moduli CommonJS.<\/p>\n

TypeScript supporta diversi formati di moduli, ma anche gli errori di codifica che confondono gli approcci ES e CommonJS all’importazione dei moduli causano questo errore.<\/p>\n

Per quanto riguarda il browser, l’errore si verifica in genere quando non si utilizza un bundler<\/a> per i file di codice JavaScript.<\/p>\n

Questo articolo esplora queste tre fonti di errore e descrive una soluzione per ogni ambiente.<\/p>\n

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

Come risolvere l’errore in JavaScript lato server<\/h2>\n

Questa sezione mostra come risolvere l’errore in ambienti JavaScript lato server.<\/p>\n

Contesto<\/h3>\n

Node.js utilizza la parola chiave require<\/code> del sistema CommonJS per impostazione predefinita. Pertanto, riceverete il noto errore a meno che non configuriate Node.js per supportare la sintassi dei moduli ES. Allo stesso modo, Node.js richiede l’estensione .mjs<\/strong> per riconoscere e lavorare con i moduli ES.<\/p>\n

Soluzione<\/h3>\n

In alternativa all’uso di .mjs<\/strong>, potete rendere le vecchie versioni di Node.js compatibili con il modulo ES corrente utilizzando i bundler o eseguendo Node.js con il flag --experimental-modules<\/code>. Altrimenti, impostate il campo type<\/code> nel file package.json<\/strong> a module<\/code> come segue:<\/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>: dovreste includere la propriet\u00e0 type<\/code> nel file package.json<\/strong> in tutti i pacchetti. Questa pratica facilita l’identificazione del sistema di moduli in uso e garantisce la coerenza tra le vostre librerie).<\/p>\n
Un altro modo per evitare l’errore \u00e8 assicurarsi che le sintassi import<\/code> e export<\/code> siano corrette e vengano caricate correttamente. \u00c8 fondamentale utilizzare sempre percorsi di file relativi, esportazioni con nome, estensioni di file per le esportazioni ed evitare esportazioni predefinite.<\/p>\n
Ecco un esempio:<\/p>\n
\/\/module import \nimport { sampleFunction } from '.\/sampleModule.js';\n\n\/\/ function export\nexport function sampleFunction() {\n     \/\/ code goes here\n}<\/code><\/pre>\n
Infine, dovrete assicurarvi della compatibilit\u00e0 di tutte le librerie di terze parti con i moduli ES. Per queste informazioni, consultate la documentazione della libreria nel file package.json<\/strong>. In alternativa, utilizzate un bundler per eseguire il transpiling del codice cos\u00ec che un ambiente JavaScript possa comprenderlo.<\/p>\n
Come risolvere l’errore in ambienti TypeScript<\/h2>\n
Questa sezione mostra come risolvere il messaggio di errore negli ambienti TypeScript.<\/p>\n
Contesto<\/h3>\n
Con i moduli \u00e8 possibile riutilizzare, organizzare e condividere il codice tra pi\u00f9 file di un progetto. ES supporta i moduli esterni per condividere il codice tra vari file utilizzando le parole chiave import<\/code> e export<\/code>.<\/p>\n
Questo errore si verifica solitamente in ambienti TypeScript quando si utilizza la sintassi dei moduli ES senza configurare TypeScript per utilizzarla. Poich\u00e9 TypeScript \u00e8 un superset di JavaScript, per impostazione predefinita utilizza la sintassi CommonJS per le importazioni, che utilizza require<\/code> invece di import<\/code>. In questo caso, la dichiarazione import<\/code> causa l’errore. Tuttavia, la corretta configurazione di TypeScript \u00e8 necessaria per supportare i moduli ES.<\/p>\n
Potreste riscontrare questo errore anche se utilizzate un’estensione di file non corretta. Ad esempio, se utilizzate TypeScript in un ambiente Node.js con la sintassi dei moduli ES, il modulo che desiderate importare deve avere l’estensione .mjs<\/strong> invece del normale .js<\/strong>.<\/p>\n
Un’altra fonte comune di errore \u00e8 la configurazione non corretta del campo module<\/code> nei file tsconfig.json<\/strong> o package.json<\/strong> quando si utilizzano bundler come Webpack<\/a>. Tuttavia, potete utilizzare i bundler per i moduli ES in TypeScript impostando i campi module<\/code> e target<\/code> nel file tsconfig.json<\/strong> su ECMAScript<\/code>. In questo modo, Webpack capir\u00e0 l’ambiente di destinazione e utilizzer\u00e0 le estensioni di file corrette durante il transpiling del codice.<\/p>\n
Soluzioni<\/h3>\n
Per caricare i moduli ES utilizzando un caricatore di moduli come RequireJS<\/a> o un bundler come Webpack, eseguite le seguenti aggiunte al file tsconfig.json<\/strong>:<\/p>\n
{\n  \"compilerOptions\": {\n    \"module\": \"es20215\",\n    \"target\": \"es20215\",\n    \"sourceMap\": true\n  }\n}<\/code><\/pre>\n
Nella porzione di codice compilerOptions<\/code>, i campi module<\/code> e target<\/code> sono impostati per utilizzare un modulo es20215<\/code>. Con queste aggiunte, potete utilizzare le dichiarazioni import<\/code> e export<\/code> in un ambiente TypeScript senza causare l’errore.<\/p>\n
Poich\u00e9 TypeScript utilizza CommonJS per impostazione predefinita, se non si modifica il file tsconfig.json<\/strong> di conseguenza, si otterr\u00e0 il messaggio di errore.<\/p>\n
Fortunatamente, una volta impostati i campi module<\/code> e target<\/code> per utilizzare un modulo ECMAScript<\/code>, potete utilizzare lo statement export<\/code> per esportare una funzione o una variabile da un modulo e lo statement import<\/code> per caricare un altro modulo nell’ambito di quello corrente. Questo processo avviene nel codice sottostante:<\/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
Se utilizzate una versione precedente di Node.js, potete abilitare il supporto per i moduli ES eseguendo il codice con il flag --experimental-modules<\/code>. Dovreste anche utilizzare un bundler come Webpack, Browserify<\/a> o Rollup per raggruppare tutto il codice ES e inviarlo in un unico file. Assicuratevi che sia in una versione comprensibile ai browser e alle vecchie versioni di Node.js e impostate un file Webpack.config.js<\/strong> nella root del progetto che specifichi il tipo di modulo.<\/p>\n
Ecco un esempio estratto dalla documentazione di 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
Il codice compilato viene inviato a un file bundle.js<\/strong> nella directory dist<\/strong> della cartella principale del progetto.<\/p>\n
Potete anche utilizzare polyfill come es-module-shims<\/code> per indirizzare i browser pi\u00f9 vecchi che non supportano le dichiarazioni import<\/code> e export<\/code> dei moduli ES.<\/p>\n
Come risolvere l’errore in Browser-Side JavaScript<\/h2>\n
Questa sezione mostra come risolvere l’errore negli ambienti JavaScript lato browser.<\/p>\n
Contesto<\/h3>\n
La maggior parte dei browser moderni, tra cui Chrome, Firefox, Edge e Safari, supportano i moduli ES, quindi non \u00e8 necessario utilizzare polyfill, bundler o transpiler del browser.<\/p>\n
Non ne avrete bisogno nemmeno se utilizzate le librerie frontend basate su React o Vue JavaScript perch\u00e9 supportano i campi ES imports<\/code> e exports<\/code> per impostazione predefinita. Tuttavia, i browser pi\u00f9 vecchi non supportano la sintassi ES e quindi richiedono questi strumenti per la compatibilit\u00e0 multipiattaforma.<\/p>\n
Il motivo pi\u00f9 frequente per cui si verifica l’errore nei browser pi\u00f9 vecchi \u00e8 quando i file HTML di una pagina non contengono l’attributo type=\"module\"<\/code>. In questo caso, l’errore si verifica perch\u00e9 JavaScript in esecuzione sul web non include il supporto predefinito per la sintassi del modulo ES. Per il codice JavaScript inviato via wire, potreste riscontrare un errore di condivisione delle risorse di origine incrociata quando tentate di caricare un modulo ES da un dominio diverso.<\/p>\n
Soluzione<\/h3>\n
Per evitare l’errore del modulo nei browser pi\u00f9 vecchi, assicuratevi di utilizzare l’attributo corretto del tag script<\/code> – type=\"module\"<\/code> – nel file HTML principale. In alternativa, potete usare Webpack per eseeguire il transpiling del codice in modo che i browser pi\u00f9 vecchi possano comprenderlo.<\/p>\n
Per utilizzare l’attributo type=\"module\"<\/code>, includete la seguente riga nel file HTML principale:<\/p>\n
<script type=\"module\" src=\"app.js\"><\/script><\/code><\/pre>\n
\u00c8 altrettanto importante assicurarsi che i percorsi dei file import<\/code> siano validi e che si utilizzi la sintassi import<\/code> corretta.<\/p>\n
Inoltre, potete visitare siti come Can I Use<\/a> per verificare la compatibilit\u00e0 dei browser con i moduli ES.<\/p>\n
Infine, poich\u00e9 l’uso dell’estensione .js<\/strong> \u00e8 una pratica comune, potete impostare l’attributo type<\/code> nel tag script<\/code> del file HTML del modulo come soluzione alternativa. Impostando questo attributo a module<\/code>, il browser dovr\u00e0 ignorare l’estensione .js<\/strong> e trattare il file come un modulo.<\/p>\n
Riepilogo<\/h2>\n
L’errore “Cannot use import statement outside a module” pu\u00f2 comparire per vari motivi, a seconda che siate in un ambiente JavaScript lato browser o lato server. Sintassi errata, configurazioni improprie ed estensioni di file non supportate sono solo alcune delle fonti pi\u00f9 comuni di questo errore.<\/p>\n
Sebbene la maggior parte dei browser moderni supporti i moduli ES, dovete assicurarvi che i browser pi\u00f9 vecchi siano compatibili. I bundler come Webpack permettono di compilare tutto il codice sorgente con le relative dipendenze in un unico output comprensibile ai browser pi\u00f9 vecchi.<\/p>\n
Ricordate di aggiungere l’attributo type=\"module\"<\/code> nel file HTML per informare il browser che il modulo \u00e8 un modulo ES. Infine, mentre l’utilizzo dell’estensione .js<\/strong> per CommonJS \u00e8 la prassi predefinita, potete utilizzare l’estensione .mjs<\/strong> per consentire l’importazione dei moduli ES.<\/p>\n
Avete un’applicazione JavaScript da mandare online ma non volete gestire i server in prima persona? Le piattaforme di Hosting di Applicazioni<\/a> e Hosting di Database<\/a> di Kinsta potrebbero fare al caso vostro. Potreste anche combinare questi servizi con l’Hosting di Siti Statici<\/a> di Kinsta per avere il front-end della vostra applicazione gratuitamente.<\/p>\n","protected":false},"excerpt":{"rendered":"
Il messaggio di errore “Cannot use import statement outside a module” si verifica quando la parola chiave import viene riscontrata in un modulo JavaScript o TypeScript …<\/p>\n","protected":false},"author":259,"featured_media":74640,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[26237,26203],"class_list":["post-74639","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-errori-javascript","topic-node-js"],"yoast_head":"\nCome risolvere l'errore "Cannot use import statement outside a module" - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"L'errore JavaScript "Cannot use import statement outside a module" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.\" \/>\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\/it\/blog\/cannot-use-import-statement-outside-module\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come risolvere l'errore "Cannot use import statement outside a module"\" \/>\n<meta property=\"og:description\" content=\"L'errore JavaScript "Cannot use import statement outside a module" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-20T15:54:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:43:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/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=\"L'errore JavaScript "Cannot use import statement outside a module" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Come risolvere l’errore “Cannot use import statement outside a module”\",\"datePublished\":\"2023-11-20T15:54:16+00:00\",\"dateModified\":\"2025-10-01T19:43:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/\"},\"wordCount\":1335,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/\",\"name\":\"Come risolvere l'errore \\\"Cannot use import statement outside a module\\\" - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"datePublished\":\"2023-11-20T15:54:16+00:00\",\"dateModified\":\"2025-10-01T19:43:03+00:00\",\"description\":\"L'errore JavaScript \\\"Cannot use import statement outside a module\\\" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png\",\"width\":1999,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Errori JavaScript\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/errori-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come risolvere l’errore “Cannot use import statement outside a module”\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"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\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/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\/it\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Come risolvere l'errore \"Cannot use import statement outside a module\" - Kinsta\u00ae","description":"L'errore JavaScript \"Cannot use import statement outside a module\" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.","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\/it\/blog\/cannot-use-import-statement-outside-module\/","og_locale":"it_IT","og_type":"article","og_title":"Come risolvere l'errore \"Cannot use import statement outside a module\"","og_description":"L'errore JavaScript \"Cannot use import statement outside a module\" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.","og_url":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2023-11-20T15:54:16+00:00","article_modified_time":"2025-10-01T19:43:03+00:00","og_image":[{"width":1999,"height":1000,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"L'errore JavaScript \"Cannot use import statement outside a module\" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png","twitter_creator":"@Kinsta_IT","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Steve Bonisteel","Tempo di lettura stimato":"7 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Come risolvere l’errore “Cannot use import statement outside a module”","datePublished":"2023-11-20T15:54:16+00:00","dateModified":"2025-10-01T19:43:03+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/"},"wordCount":1335,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png","inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/","url":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/","name":"Come risolvere l'errore \"Cannot use import statement outside a module\" - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png","datePublished":"2023-11-20T15:54:16+00:00","dateModified":"2025-10-01T19:43:03+00:00","description":"L'errore JavaScript \"Cannot use import statement outside a module\" pu\u00f2 manifestarsi in diversi modi. Ecco come risolverlo.","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cannot-use-import-statement-outside-module.png","width":1999,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/cannot-use-import-statement-outside-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Errori JavaScript","item":"https:\/\/kinsta.com\/it\/argomenti\/errori-javascript\/"},{"@type":"ListItem","position":3,"name":"Come risolvere l’errore “Cannot use import statement outside a module”"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","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\/it\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/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\/it\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/74639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=74639"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/74639\/revisions"}],"predecessor-version":[{"id":74800,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/74639\/revisions\/74800"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/translations\/es"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/74639\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/74640"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=74639"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=74639"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=74639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}