Webpack에서 번들 출력에 구문 오류가 발생합니다.

Question

나는 Webpack이 원인이라고 생각되는 문제로 오래 동안 고심하고 있습니다.

본질적으로 필자는 Webpack을 클라이언트 (ReactJS 기반 응용 프로그램)에 제공하기 위해 번들로 묶는 노드 기반 응용 프로그램을 가지고 있습니다. Tabletop NPM 패키지를 설치하고 require을 설치하면 문제가 발생했습니다. 브라우저에서 웹팩 만든 bundle.js로드를 시도 할 때

, 나는 구문 오류 : bundle.js이 라인에 대해 불평

Uncaught SyntaxError: Unexpected identifier

:

target[capName] = __webpack_require__(387)(""path + '/' + name);

좀 파고 들자면, 나는이 줄이 Hoek 라이브러리에있는 줄에서 나온다는 것을 발견했다. (이것은 T의 하위 종속성이다. abletop) :

target[capName] = require(path + '/' + name);

분명히 웹팩 여기에 펑키 일을하고있다.

나는 원인을 찾아 낼 수 없었다. 테이블 탑에는 Nodepack을 사용할 수있는 an example의 NodeJS 사용법이 포함되어 있습니다.

나는 또한 위와 같은 불법적 변형을 보지 않고 Hoek와 Webpacke'd를 복제했다.

이제 Webpack, Hoek 또는 Tabletop 문제인지 확실하지 않아서 여기에 게시하고 있습니다.

여기 또는 GH 관련 문제는 없습니다.

모두에게 감사드립니다!

Answer 1

위의 동적 요청 행 때문에 hoek 패키지의 오래된 중첩 된 종속성이 발생했습니다. 이것은 hoek@2.0.0에서 삭제되었습니다.

불행히도 Tabletop의 request dep는 hoek에 의존하는 hawk의 구형 종속성을가집니다. 나는 request를 포크와 버전을 충돌,하지만 지금은 브라우저에서 부하에 다른 오류를 얻고있다 :

Uncaught Error: Cannot find module "net"

net가 핵심 노드 모듈, 그래서 우리가 '이후 뭔가 일이 일어나고있다 의심 웹 브라우저 JS를 브라우저에서 실행합니다. 그럼에도 불구하고 그것은 다른 이슈이므로 여기에 원래의 질문에 대한 답을 생각해보십시오.

그러나 여전히 탁상용을 사용할 수는 없습니다. 내가 Browserify하고 그 번들을 직접 사용해야 할 수도 있습니다.웹팩에 사용 웹팩의 설정 수정 superagent에

plugins.push(new webpack.DefinePlugin({ "global.GENTLY": false })); 및 node: {__dirname: true}

를 추가 할 때

Answer 2

좀 성공 superagent을 사용했습니다.

는 웹팩의 설정에 다음을 추가하는 request 라이브러리를 사용하는 경우 :

node: { 
    "net": "empty" 
} 

수정 Uncaught Error: Cannot find module "net"합니다.

그러나, 지금 request의 종속성 인 마임 라이브러리 문제에 봉착 : Error: ENOENT, no such file or directory '/types/mime.types'

AKSEL을, 당신은 웹팩와 request 고정 어떤 성공을 거두었 있나요?