Windows 10에서 Webpack 모듈 해결 문제가 발생했습니다.

Question

Windows에서 Webpack 해결 모듈 이름에 문제가 있습니다. 로더가 설치되었지만이를 해결하기 위해 Webpack 경로가 올바르지 않습니다 (모듈 경로가 아래 작업 디렉토리에 연결되어 있음을 확인하십시오). Webpack은 webpack-dev-server로 시작됩니다.

ERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader?parser=postcss-scss!./client/src/scripts/components/Main/Main.css 
Module build failed: (SystemJS) ENOENT: no such file or directory, open 'C:\Users\Terry\Projects\django-react\C:\Users\Terry\Projects\django-react\node_modules\css-loader\index.js' 
     Error: ENOENT: no such file or directory, open 'C:\Users\Terry\Projects\django-react\C:\Users\Terry\Projects\django-react\node_modules\css-loader\index.js' 
      at Error (native) 
     Error loading C:/Users/Terry/Projects/django-react/C:\Users\Terry\Projects\django-react\node_modules\css-loader\index.js 
@ ./client/src/scripts/components/Main/Main.css 4:14-225 13:2-17:4 14:20-231 
@ ./client/src/scripts/components/Main/Main.jsx 
@ ./client/src/index.js 
@ multi main 
webpack: bundle is now VALID. 

관련 정보 :

• 윈도우 10
• 노드 6.6.0
• 내가 NPM 스크립트
• 웹팩 2.1.0 베타를 통해 바벨 노드와 웹팩을 실행하고 있습니다. 22
• NPM 3.10.3

EDIT : 보통은 핫 리로드를 트리거하는 편집을 할 때만 발생합니다. 때로는 webpack-dev-server를 처음 실행할 때 발생하지만 소스를 편집 할 때마다 발생합니다.

Answer 1

확실하지 않다면 잘 모르겠지만 Windows 10에서 webpack을 사용할 때 조작 된 node_modules 경로와 똑같은 오류가 발생했습니다.이 특별한 문제가 발생했을 때 아무도이 문제를 해결할 수 없었습니다. 오류는 다른 곳에서는 문서화되지 않는 것 같습니다.

내 디버깅에서이 오류는 webpack 로더 모듈에서만 발생하므로 오류가 어디에서 왔는지 추적하려면 webpack을 파헤 쳤습니다. 파고 들자 마자 webpack이 사용하는 loader-runner 패키지가 원인이라고 밝혀졌습니다. System.import를 사용할 수 없을 때 System.import를 사용하여 로더 모듈을 해결하려고 시도합니다. 제 경우에는 조작 된 node_modules 경로가 systemj를 통해 System.import에 의해 생성되었습니다. System.import의 systemjs 구현에는 Windows에서 절대 경로가 사용되는 경우 버그가 있고 webpack은 로더의 절대 경로를 전달하기 때문에 오류가 발생합니다.

loader-runner의 로컬 복사본을 편집하여이 문제를 해결하고 System.import를 주석 처리하여 강제적으로 require를 사용할 수있었습니다. 이것은 물론, 어떤 장기적인 해결책이 아니기 때문에 나는 여전히 더 나은 것을 찾고 있습니다. 나는 이것이 아마도 npm 의존성 문제인지 알아보기 위해 원사로 전환을 시도했지만이 해결 방법은 Windows에서 이러한 오류가 계속 발생하는 경우 실행 및 실행해야합니다.