أحاول استيراد المكتبة عبر بيان استيراد 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
عالميًا ومحليًا في مجلد المشروع.
واجهت هذه المشكلة في رد الفعل أيضا. تمكنت من تشغيله باستخدام البحث / الاستبدال في 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' ] }, ...
الحمد لله :)
التعليق الأكثر فائدة
أضف هذا إلى تهيئة حزمة الويب الخاصة بك:
مثل في https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520