Mobile DevelopmentCara Mengatasi Cannot use import statement outside a module

Cara Mengatasi Cannot use import statement outside a module

Masalah Cannot use import statement outside a module adalah sebuah kesalahan  dimana Anda mencoba mengimpor sesuatu yang tidak berada di dalam modul, di dalam di package.json (Node JS).

Untuk solusi perbaikan, ada beberapa tips yang bisa Anda lakukan. Diantaranya adalah :

1. Solusi Pertama : Menambahkan file package.json di folder Project

Pertama tambahkan :

{
"type": "module"
}

Selanjutnya tambahkan juga atribut type dengan modul nilai saat Anda memuat skrip, untuk contoh bisa lihat dibawah ini :

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

2. Solusi Kedua : Menambah Pernyataan Import

Anda juga bisa menambahkan atau menggunakan pernyataan import dan require untuk memuat modul dengan benar, untuk contoh :

import { parse } from 'node-html-parser';
parse = require('node-html-parser');

3. Solusi Ketiga : Menambahkan “type”: “modul” ke package.json

Pada  Node.js mengharuskan Anda untuk memuat modul, jadi pastikan juga package.json Anda memiliki properti “type”: “module” seperti contoh dibawah ini :

  {
     // ...
    "type": "module",
    // ...
  }

Jika Anda menggunakan TypeScript, kita perlu mengedit file tsconfig.json dan mengubah properti modul menjadi “commonjs”, seperti contoh berikut ini :

ts.config
"target": "esnext",
"module": "esnext",
ts.config updated
"target": "esnext",
"module": "commonjs",

KATEGORI

Artikel Lainya

Rekomendasi Artikel

TINGGALKAN KOMENTAR

Silakan masukkan komentar anda!
Silakan masukkan nama Anda di sini