Pesan error : Cannot use import statement outside a module, adalah sebuah pesan kesalahan yang bisa saja muncul saat Anda menggunakan JavaScript maupun TypeScript disisi back-end. Terlebih lagi jika Anda React, Vue, dan lainya, mungkin error ini cukup sering terjadi dan Anda lihat.
Tapi, error ini juga bisa muncul saat Anda menggunakan JavaScript. Oleh sebab itu pada artikel ini, Saya akan berbagi tentang bagaimana cara mengatasi cannot use import statement outside a module berdasarkan pengalaman yang saya alami.
Cara Memperbaiki Kesalahan Sintaks TypeScript ini tidak dapat hanya menggunakan pernyataan impor di luar kesalahan modul.
Jadi, sebelum kita lanjut ke tahap perbaikan lebih dalam, perthatikan terlebih dahulu beberapa hal berikut :
- Pastikan Anda sudah menginstal TypeScript versi terbaru, dan gunakan file tsconfig.json default yang dihasilkan saat Anda menjalankan tsc init dengan versi terbaru.
- Siapkan TypeScript dengan benar untuk Node dan instal paket yang diperlukan.
Jika kedua hal tersebut sudah Ada pastikan dan error cannot use import statement outside a module masih tetap muncul, ikuti langkah-langkah berikut :
Kesalahan ini terjadi karena Anda mencoba menggunakan import dan Anda tidak berada di dalam modul ES. Hal ini dapat terjadi di lingkungan Node.js, atau di browser.
Solusi untuk Node.js , Anda harus menambahkan file package.json di folder proyek dan menambahkan :
{ "type": "module"}Di browser, Anda harus menambahkan atribut type dengan modul value saat Anda memuat skrip, seperti berikut : ‘
<script type="module" src="./file.js"></script>Jangan gunakan script seperti dibawah ini :
<script src="./file.js"></script>