오류 : 'webpack'모듈을 찾을 수 없습니다


152

방금 webpack을 시작하고 여러 항목 포인트 샘플 을 빌드 하는 데 어려움이 있습니다. 예제의 webpack.config.js 파일에는 다음 줄이 포함됩니다.

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

오류로 인해 실패합니다.

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

주변을 검색하면서 CommonsChunkPlugin을 표현식과 함께 사용하는 다른 예를 찾았습니다.

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

오류와 함께 실패

ReferenceError: webpack is not defined

더 많은 검색을 포함하여 많은 예제를 발견했습니다.

var webpack = require('webpack');

내 빌드는 이제 실패

Error: Cannot find module 'webpack'

어떻게 진행해야할지 모르겠습니다.


2
npm install webpack전에 뛰었 어 ?
Johannes Ewald

예. Webpack이 설치되어 있고 다른 예제에서 작동합니다. 문제가 발생한 다중 항목 예제의 플러그인을 추가하려고했습니다.
Ed.

Error: Cannot find module 'webpack'노드 오류입니다. 따라서 이것은 웹팩 자체와는 아무런 관련이 없습니다 (afaict). 노드가 잘못된 폴더를 찾는 것 같습니다 ...
Johannes Ewald

6
나도 npm install -g webpack작동하지 않았다. 그러나 그것은 npm install webpack전화 npm install webpack를 걸 때 앱 루트 폴더에 있는지 확인 한 다음 모듈이 node_modules폴더에 있는지 확인하십시오 . 또한 리눅스 시스템에서 (옵션) 모듈 이 webpack필요합니다 fsevents-Windows를 사용하고 있으므로 확실하지 않습니다- fsevents또한 설치 를 시도하십시오
AndreiDMS

3
위에서 말했듯이 전역 설치도 나에게도 효과가 없었 webpacknpm install webpack-g
으므로을

답변:


272

전 세계적으로 설치된 패키지를 프로젝트에 연결

npm link webpack

7
이것은 가장 간단한 답변입니다.
Thomas W

1
이 설정은 어떤 파일에서 영향을 줍니까? json 파일에 대한 변경 사항이 없습니다. 좀 더 자세히 설명해 주시겠습니까?
Royi Namir

어쨌든 연결을 해제하지 않는 것 같습니다. 이 후 webpack-dev-server가 충돌했습니다.
Plankton

한 달 동안 작동시키지 못하면 Angularjs와 포기하고 계속 일할 수있었습니다. 이것은 마침내 효과가 있었다! 감사합니다.
NestorArturo

나는 웹팩을 설치하고 있지만 매개 변수 show없이이 유형의 메시지없이 웹팩을 실행한다 : 어떤 것을 설치 하시겠습니까 (webpack-cli / web-command)
Ng Sharma

59

Windows에서 작업하는 동안 웹팩을 로컬로 설치했으며 문제가 해결되었습니다.

따라서 명령 프롬프트에서 webpack을 실행하려는 디렉토리로 이동하여 로컬로 -g없이 webpack을 설치하고 즐기십시오.


10
"로컬로"설치하는 방법은 언급하지
않았습니다

로컬은 npm install webpack이며 언급 한대로 -g를 사용하지 않습니다. 이것은 내 경우에 효과가있었습니다.
Honza P.

24

일반적인 Windows 문제인 것 같습니다. 이것은 나를 위해 그것을 고쳤다 :

Nodejs가 Windows에서 설치된 모듈을 찾을 수 없습니까?

"라는 환경 변수를 추가 NODE_PATH하고 그것으로 설정 %USERPROFILE%\Application Data\npm\node_modules(윈도우 XP)를, %AppData%\npm\node_modules윈도우 맛에 모듈을 설치, NPM 끝을 (윈도우 7), 또는 어디든지. 일단 모든 것이 함께 할하려면 시스템 변수로이 추가 시스템 속성 대화 상자의 고급 탭 (control.exe sysdm.cpl, System, 3 실행). "

의 값 내에 다른 환경 변수를 실제로 사용할 수는 없습니다 NODE_PATH. 즉, 위의 문자열을 복사하여 붙여 넣는 것이 아니라 실제 해결 경로로 설정하십시오.C:\Users\MYNAME\AppData\Roaming\npm\node_modules


1
윈도우 10에 나를 위해하지 작업은 더 없다 node_modules에 폴더 C:\Users\MYNAME\AppData\Roaming\npm`. I tried to set NODE_PATH` 값 C:\Program Files (x86)\nodejs\node_modules하지만 도움이되지 않았다
VB_

3
Windows 10에서 나에게 잘 작동합니다 setx NODE_PATH %AppData%\npm\node_modules. 변수를 사용할 수 있거나 실행 cmd하기 전에 를 다시 시작해야 할 NODE_PATH수도 있습니다 set NODE_PATH=%AppData%\npm\node_modules.
Nux

23

다시 설치하여 동일한 문제를 해결하고 다음 명령을 실행하십시오.

rm -Rf node_modules
rm -f package-lock.json
npm install

rm항상 위험한 명령입니다. 특히 -f실행하기 전에주의하십시오 !!!!!


2
package-lock.json은 범인입니다
Sérgio S. Filho

17

터미널에서 아래 명령을 실행하십시오.

npm install --save-dev webpack

npm install --save-dev webpack-dev-server


9

나는 OS X에서이 문제를 겪고 있었고, 이것은 전 세계적으로 설치된 webpack것과 로컬로 설치된 버전 사이의 버전 불일치로 인한 것 같습니다 webpack-dev-server. 둘 다 최신 버전으로 업데이트하면 문제가 해결되었습니다.


저에게도 효과가 있었 으므로이 문제가 있으면 다양한 시나리오에서 고려해 볼 가치가 있다고 생각합니다.
JL Peyret

2

노드 패키지를 설치 했는데도 패키지가 정의되지 않았다는 메시지가 표시되면 바이너리에 대한 PATH 링크에 문제가있을 수 있습니다. 바이너리와 실행 파일을 명확히하기 위해 본질적으로 패키지 또는 응용 프로그램을 실행하는 것과 동일한 작업을 수행합니다. ei webpack ...은 노드 패키지 webpack을 실행합니다.

Windows와 Linux에는 전역 이진 폴더가 있습니다. Windows에서는 C : // Windows / System32와 같고 Linux에서는 usr / bin이라고 생각합니다. 터미널 / 명령 프롬프트를 열면 해당 프로필이 PATH 변수를 전역 bin 폴더에 연결하므로 패키지 / 응용 프로그램에서 패키지 / 응용 프로그램을 실행할 수 있습니다.

내 추측으로는 webpack을 전역으로 설치하면 실행 파일이 전역 바이너리 폴더에 성공적으로 저장되지 않았을 수 있습니다. 실행 파일이 없으면 오류 메시지가 나타납니다. 또 다른 문제가 될 수 있지만 여기서 읽고 있다면 웹팩을 전역 적으로 실행하는 것이 효과가 없다고 말하는 것이 안전합니다.

이 문제에 대한 나의 해결책은 webpack을 전체적으로 실행하지 않고 PATH를 node_module 바이너리 폴더 인 /node_modules/.bin에 연결하는 것입니다.

WINDOWS : PATH에 node_modules / .bin을 추가하십시오. 다음 은 Windows에서 PATH 변수를 변경하는 방법에 대한 자습서입니다.

리눅스 : 프로젝트 루트로 가서 이것을 실행하십시오 ...

export PATH:$PWD/node_modules/.bin:$PATH 

Linux에서는 터미널을 열 때마다이 명령을 실행해야합니다. 링크는 PATH 변수를 영구적으로 변경하는 방법을 보여줍니다.


1

Windows에서 컴퓨터에 대한 관리 권한이없는 경우 (즉, 로컬 관리자가 아닌 경우)이 문제가 나타납니다.

다른 사람이 제안했듯이 해결책은 -g힌트를 사용하지 않고 로컬로 설치하는 것 같습니다 .


1

npm 명령 프롬프트와 -cd 솔루션 폴더를 연 다음 NPM cmd prommt에서 npm link webpack 을 실행 하고 다시 빌드하십시오.


1

당신은 이것을 시도 할 수 있습니다.

npm install --only=dev

그것은 나를 위해 작동합니다.


0

위에서 제안한 것이 없습니다 (NODE_PATH 변수 포함). 로컬 폴더에서 전역 AppData (예 : 아래)로 "node_modules"의 심볼릭 링크를 만들었으며 매력처럼 작동했습니다.

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0

0

Atom IDE 터미널 을 사용하여 종속성을 로컬로 설치하지 않았다는 것을 알았습니다 (아마도 버그 또는 저만). 외부에서 git bash를 설치하고 npm 명령을 다시 실행하면 나를 위해 일했습니다.


0

나를 위해, 그것은 잘못된 오류 피드백입니다.

에 구성 오류가있었습니다 webpack.config.js.

파일을 삭제하고 다시 시작하여 내 문제가 해결되었습니다.


0

VS 2017에서 빌드 할 매우 간단한 .NET Core 2.0 응용 프로그램을 얻는 데 많은 문제가있었습니다. 이것은 AppVeyor의 오류이지만 기본적으로 로컬과 동일합니다 (보안을 위해 일부 경로는 생략되었습니다).

첫 실행 웹팩 빌드 수행 중 ...

module.js : 327 던지기 오류;

EXEC : 오류 : '........ / node_modules / webpack / bin / webpack.js'모듈을 찾을 수 없습니다

Function.Module._resolveFilename (module.js : 325 : 15)에서

Function.Module._load에서 (module.js : 276 : 25)

Function.Module.runMain에서 (module.js : 441 : 10)

시작할 때 (node.js : 140 : 18)

node.js : 1043 : 3에서

csproj (25,5) : 오류 MSB3073 : "node node_modules / webpack / bin / webpack.js --config webpack.config.vendor.js"명령이 코드 1로 종료되었습니다.

실패를 구축하십시오.

나는 이 질문과 대답을 우연히 발견 했으며 로컬 인스턴스도 {Project Root} -> Dependencies -> npm폴더 위에 동일한 경고 표시가 있음을 알았습니다 . 마우스 오른쪽 버튼을 클릭하고 "패키지 복원"을 누르면 모든 것이 올바르게로드되어 성공적으로 빌드 할 수있었습니다.


0

npm 링크 웹팩이 나를 위해 일했습니다.

내 웹팩 구성 : "webpack": "^ 4.41.2", "webpack-dev-server": "^ 3.9.0", "webpack-cli": "^ 3.3.10"


당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.