강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

호롤롤로스님의 프로필 이미지
호롤롤로스

작성한 질문수

웹 게임을 만들며 배우는 React

2-5. 웹팩으로 빌드하기

webpack 빌드 시 에러

작성

·

1K

0

안녕하세요 제로초님!

에러 해결을 하다가 계속 붙잡고 있게돼서 두 가지 에러 사항 질문합니다 !

1. 첫 번째 에러 사항 ( 모듈 빌드 실패 ) 

=> 이런 경우는 babel-core와 babel-loader가 서로 요구하는 버전이 안맞아서 생기는 에러라는 것을 알게됐습니다.

따라서, babel-loader가 8버전이면 babel-core는 7.x대, babel-loader가 7버전이면 babel-core가 6.x대로 변경하면 된다고 해서

아래와 같이 시도했는데, 에러가 사라지지 않습니다..

2. Unknown option : .prests

이 부분은 babel-loader의 설정을 바꿔주면 될 것 같은데, 위처럼 시도를 했을 때 에러가 사라지지 않아 질문드립니다.

혹시나 해서 package.json파일과 webpack.config.js 파일 올립니다.

package.json

webpack.config.js

퀴즈

React에서 Class Component 대신 Functional Component와 함께 Hooks를 사용하는 주된 이유는 무엇일까요?

Class Component의 문법이 너무 복잡해서

상태 관리(`setState`)와 Ref 사용을 함수형 컴포넌트에서도 가능하게 하려고

Class Component보다 무조건 성능이 좋아서

React Router와 더 잘 통합되어서

답변 1

0

에러 내용을 보시면 prests 라는 알 수 없는 옵션이 있다고 합니다.

webpack.config.js 파일 19번 라인에 prests를 presets로 고쳐주시면 해결될 것 같습니다.

감사합니다 : -)

호롤롤로스님의 프로필 이미지
호롤롤로스

작성한 질문수

질문하기