Panduan Mengatasi Error "SyntaxError Cannot Use Import Statement Outside a Module di JavaScript"

Penulis mengalami error: Uncaught SyntaxError: cannot use import statement outside a module saat mengimpor fungsi dari berkas JavaScript.

Kesalahan ini terjadi karena satu alasan: Mencoba menggunakan import dan kamu tidak berada di dalam mode ES Module.

Biasanya terjadi di Node.js atau browser.

Pertama, berikut solusi untuk Node.js: Penulis harus menambahkan file package.json di folder project, lalu ketik didalamnya:

{
  "type": "module"
}

Kalau di browser malah beda, kamu perlu menambahkan atribut type dengan nilai module pada tag “script”, seperti berikut:

<script type="module" src="./file.js"></script>

yang sebelumnya adalah ini (tentu sudah tidak bisa lagi ya…):

<script src="./file.js"></script>

Sampai jumpa di lain cerita!