Instascan: ES6 가져오기 실패

에 만든 2017년 07월 20일 · 5코멘트 · 출처: schmich/instascan

다음 오류가 발생하는 import InstaScan from 'instascan' ES6 import 문을 통해 라이브러리를 가져오려고 합니다.

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 설정이 다시 엉망이 된 것입니까, 아니면 이 라이브러리를 그런 식으로 사용하도록 의도되지 않았습니까?
아마도 이것은 웹팩이 물건을 엉망으로 만드는 것입니다 ...

create-react-scripts 중 하나를 사용하여 간단한 반응 기반 앱 만들기를 재현하려면 개발 서버를 시작하고 거기에서 가져오기 및/또는 요구를 시도합니다.

윈도우 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 에 2017년 08월 11일

👍10

모든 5 댓글

반응에서도이 문제가 발생했습니다. instascan/src/zxing.js 에서 찾기/바꾸기를 사용하여 작동하도록 했습니다. 아래에서 2개의 구문을 찾아 모두 빈 문자열로 바꿉니다.

var fs=require("fs");

var nodeFS=require("fs");

저는 솔직히 zxing.js에 익숙하지 않아서 이것이 작동하는 이유를 모르겠습니다.

ghost 에 2017년 07월 21일

❤2 👍1

웹 브라우저 대상 라이브러리가 'fs'를 사용해야 하는 이유는 확실하지 않지만 이것이 문제라는 것은 전적으로 옳습니다!
이것에 대해 대단히 감사합니다!
이에 대한 PR을 하는 것이 적절합니까 아니면

axed 에 2017년 07월 25일

불행히도 이 라이브러리는 내 웹팩 빌드 프로세스를 중단시킵니다(위와 동일한 문제). @rshepp 의 해킹은 작동하지만 프로젝트에서 여러 사람과 작업할 때 매우 비실용적입니다.

@axed 홍보할 수 있나요? 그것은 좋을 것입니다 :)

ssc-hrep3 에 2017년 08월 02일

이것을 웹팩 구성에 추가하십시오:

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

https://github.com/pugjs/pug-loader/issues/8#issuecomment -55568520에서와 같이

raphox 에 2017년 08월 11일

👍10

이것을 웹팩 구성에 추가하십시오:
module.exports = {
  node: {
    fs: "empty"
  },
  entry: {
    app: [
      './src/main.js'
    ]
  },
...
pugjs/pug-loader#8(코멘트)에서와 같이

알함둘릴라 비자 :)

danjanny 에 2019년 05월 20일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Instascan: ES6 가져오기 실패

가장 유용한 댓글

모든 5 댓글

관련 문제