Instascan: فشل استيراد ES6

تم إنشاؤها على ٢٠ يوليو ٢٠١٧  ·  5تعليقات  ·  مصدر: schmich/instascan

أحاول استيراد المكتبة عبر بيان استيراد ES6 import InstaScan from 'instascan' ، والذي يظهر الخطأ التالي:

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

هل هو مجرد إعداد npm الخاص بي يتم تعطله مرة أخرى ، أم أن هذا lib غير مقصود استخدامه بهذه الطريقة؟
ربما هذا هو مجرد حزمة ويب تعبث بالأشياء ...

لإعادة إنشاء تطبيق بسيط قائم على التفاعل باستخدام أحد البرامج النصية لإنشاء تفاعل ، ابدأ تشغيل خادم dev وحاول استيراده و / أو طلبه من هناك.

Windows 10 1607 الإصدار 14393.1480
Npm 5.03
يتم تثبيت وحدة npm fs عالميًا ومحليًا في مجلد المشروع.

التعليق الأكثر فائدة

أضف هذا إلى تهيئة حزمة الويب الخاصة بك:

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

مثل في https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520

ال 5 كومينتر

واجهت هذه المشكلة في رد الفعل أيضا. تمكنت من تشغيله باستخدام البحث / الاستبدال في instascan/src/zxing.js . ابحث عن العبارتين أدناه واستبدلهما بالسلاسل الفارغة.

var fs=require("fs");
var nodeFS=require("fs");

أنا بصراحة لست على دراية كبيرة بـ zxing.js لذلك لا أعرف لماذا يعمل هذا.

لست متأكدًا من السبب الذي يجعل متصفح الويب يستهدف libs يجب أن يستفيد من "fs" ولكنك محق تمامًا في أن هذه كانت المشكلة!
شكرا جزيلا لك لاجل هذة!
هل من المناسب تقديم علاقات عامة لهذا أم أن

لسوء الحظ ، تكسر هذه المكتبة عملية إنشاء webpack الخاصة بي (نفس المشكلة المذكورة أعلاه). يعمل اختراق rshepp ، ولكنه غير عملي للغاية عند العمل مع عدة أشخاص في مشروع.

axed هل يمكنك عمل

أضف هذا إلى تهيئة حزمة الويب الخاصة بك:

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

مثل في https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520

أضف هذا إلى تهيئة حزمة الويب الخاصة بك:

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

مثل في pugjs / pug-loader # 8 (تعليق)

الحمد لله :)

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات