Webpack – Module build failed

Typescript 를 공부하는 중인데, 튜토리얼로 ‘React & Webpack’ 내용이 있어 따라해 보았다.
=> https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

맞게 한거 같은데 ‘webpack’ 실행시 다음과 같은 오류가 발생했다.

ERROR in ./src/components/Hello.tsx
Module build failed: Error: Final loader didn’t return a Buffer or String

캡쳐 화면
%ec%ba%a1%ec%b2%98-tutorial-react-webpack_error

구글링을 해보니
https://github.com/webpack-contrib/css-loader/issues/185#issuecomment-181615065
빈 모듈로부터 컴포넌트를 불러오려고 시도를 했기 때문이라고 한다.

I resolved my issue, I was trying to import an empty string!

import {domCreator} from ''

또 한 사람은 loader 관련 모듈이 설치가 안되어 있어서 그렇다고도 한다.
https://github.com/shakacode/bootstrap-loader/issues/77#issuecomment-214103044

@alexfedoseev,
I had the same problem and your complete list of required modules fixed it. Thx.

npm install css-loader node-sass resolve-url-loader sass-loader\
 style-loader url-loader --save-dev

Might want to add that to the README.md’s Installation section.

결론을 말하자면, 
컴포넌트를 불러올 js 파일명이 틀려서 그런거다. 대소문자도 가린다. (-_-^)
– 이래서 윈도우에 익숙해지면 안되는거다!

파일명을 “hello.tsx”에서 “Hello.tsx”로 바꾸니 잘된다.
%ec%ba%a1%ec%b2%98-tutorial-react-webpack_success

별거 아니었지만, 검색하니 한글 문서가 눈에 잘 안띄어 기록해 둔다.

 

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: