Instascan: Сбой импорта ES6

Созданный на 20 июл. 2017 · 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 снова испортилась, или эта библиотека не предназначена для использования таким образом?
Наверное, это просто путаница с веб-пакетом ...

Чтобы воспроизвести создание простого приложения на основе реакции с одним из сценариев создания-реакции, запустите сервер разработки и попробуйте импортировать и / или потребовать его оттуда.

Windows 10 1607, сборка 14393.1480
Npm 5.03
Модуль npm fs устанавливается глобально и локально в папке проекта.

Источник

axed

👍4

Самый полезный комментарий

добавьте это в конфигурацию вашего веб-пакета:

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

Как в https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520

raphox 11 авг. 2017

👍10

Все 5 Комментарий

Я тоже столкнулся с этой проблемой в реакции. Мне удалось заставить его работать, используя поиск / замену в instascan/src/zxing.js . Найдите 2 фразы ниже и замените их пустыми строками.

var fs=require("fs");

var nodeFS=require("fs");

Честно говоря, я не очень знаком с zxing.js, поэтому не знаю, почему это работает.

ghost 21 июл. 2017

❤2 👍1

Не уверен, почему библиотеки, ориентированные на веб-браузер, должны использовать «fs», но вы абсолютно правы, что это была проблема!
Большое вам спасибо за это!
Уместно ли делать для этого пиар или @schmich учтет это?

axed 25 июл. 2017

К сожалению, эта библиотека нарушает мой процесс сборки веб-пакета (та же проблема, что и выше). Взлом @rshepp работает, но очень непрактичен при работе с несколькими людьми над проектом.

@axed Можете ли вы устроить пиар? Это было бы прекрасно :)

ssc-hrep3 2 авг. 2017

добавьте это в конфигурацию вашего веб-пакета:

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

Как в https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520

raphox 11 авг. 2017

👍10

добавьте это в конфигурацию вашего веб-пакета:
module.exports = {
  node: {
    fs: "empty"
  },
  entry: {
    app: [
      './src/main.js'
    ]
  },
...
Как в pugjs / pug-loader # 8 (комментарий)

alhamdulillah bisa :)