Instascan: Impor ES6 gagal

Dibuat pada 20 Jul 2017 · 5Komentar · Sumber: schmich/instascan

Saya mencoba mengimpor perpustakaan melalui pernyataan impor ES6 import InstaScan from 'instascan' , yang memunculkan kesalahan berikut:

ERROR in ./node_modules/instascan/src/zxing.js
Module not found: Error: Can't resolve 'fs' in 'C:\projects\my_project\node_modules\instascan\src'
 @ ./node_modules/instascan/src/zxing.js 4:725-738 4:313578-313591
 @ ./node_modules/instascan/src/scanner.js
 @ ./node_modules/instascan/index.js
 @ ./src/components/qrcode-scanner.component.js
 @ ./stories/qrcode-scanner.component.story.js
 @ ./stories/index.js
 @ ./.storybook/config.js

Apakah hanya pengaturan npm saya yang kacau lagi, atau apakah lib ini tidak dimaksudkan untuk digunakan seperti itu?
Mungkin ini hanya webpack yang mengacaukan segalanya ...

Untuk mereproduksi buat aplikasi berbasis reaksi sederhana dengan salah satu skrip buat-reaksi, mulai server dev dan coba impor dan/atau minta dari sana.

Windows 10 1607 membangun 14393.1480
Npm 5.03
Modul npm fs diinstal secara global dan lokal di folder proyek.

Sumber

axed

👍4

Komentar yang paling membantu

tambahkan ini ke konfigurasi webpack Anda:

module.exports = {
  node: {
    fs: "empty"
  },
  entry: {
    app: [
      './src/main.js'
    ]
  },
...

Seperti di https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520

raphox pada 11 Agu 2017

👍10

Semua 5 komentar

Saya mengalami masalah ini dalam reaksi juga. Saya berhasil membuatnya bekerja menggunakan find/replace di instascan/src/zxing.js . Temukan 2 frasa di bawah ini dan ganti keduanya dengan string kosong.

var fs=require("fs");

var nodeFS=require("fs");

Sejujurnya saya tidak terlalu akrab dengan zxing.js jadi saya tidak tahu mengapa ini berhasil.

ghost pada 21 Jul 2017

❤2 👍1

Tidak yakin mengapa lib yang ditargetkan browser web harus menggunakan 'fs' tetapi Anda sepenuhnya benar bahwa ini adalah masalahnya!
Terima kasih banyak untuk ini!
Apakah pantas untuk membuat PR untuk ini atau akankah @schmich memperhitungkannya?

axed pada 25 Jul 2017

Sayangnya, perpustakaan ini merusak proses pembuatan webpack saya (masalah yang sama seperti di atas). Peretasan @rshepp berfungsi, tetapi sangat tidak praktis saat bekerja dengan banyak orang dalam suatu proyek.

@axed Bisakah Anda membuat PR? Itu akan sangat bagus :)

ssc-hrep3 pada 2 Agu 2017

tambahkan ini ke konfigurasi webpack Anda:

module.exports = {
  node: {
    fs: "empty"
  },
  entry: {
    app: [
      './src/main.js'
    ]
  },
...

Seperti di https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520

raphox pada 11 Agu 2017

👍10

tambahkan ini ke konfigurasi webpack Anda:
module.exports = {
  node: {
    fs: "empty"
  },
  entry: {
    app: [
      './src/main.js'
    ]
  },
...
Seperti di pugjs/pug-loader#8 (komentar)

alhamdulilah bisa :)