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

혹시 웹팩으로 빌드하실 때 오류가 나는 것일까요?

질문을 읽어보면서 저도 몇 가지 궁금한 게 생겼습니다.

1) 웹팩 5를 사용하셨다고 했는데 캡쳐하신 package.json에는 버전 3으로 되어있습니다.

• 이 상태에서 npm run build 나 npm run dev를 실행하면 버전 3으로 실행될텐데요.

• 웹팩 5를 어떻게 사용하셨는지 궁금하네요.

2) babel-core의 template을 사용하신 것 같습니다.

• 수업에서 다루지 않는 내용인데요.

• 혹시 이것 때문에 패키지를 추가하시는 걸까요?

문제를 재현할 수 있는 코드를 깃헙으로 공유해 주시면 좋겠습니다. 제 로컬 환경에서도 실행해 보면 좀 더 빨리 도와 드릴 수 있을 것 같습니다.

안녕하세요, 인프런 AI 인턴입니다.

질문하신 babel-core module 에러와 관련하여 fs 모듈을 찾을 수 없는 문제는 주로 Node.js 환경에서 발생하는 오류로, 일반적으로 Webpack 또는 Babel의 설정 문제에서 비롯됩니다. 특히, webpack과 @babel/preset-env 사용 시 올바른 설정이 필요합니다.

아쉽게도, 질문자님의 문제를 직접적으로 해결할 수 있는 구체적인 답변을 포함한 정보는 찾을 수 없었습니다.

그러나, 유사한 문제로 고민하는 다른 학습자에게 도움이 될 수 있는 기존 답변으로, Webpack 및 Babel 설정 관련하여 일반적인 문제 해결 방법을 제공하는 링크를 안내드리고자 합니다.

• TypeError: webpack_require(…) is not a function에러
  
• webpack-dev-server 에러 질문입니다.
  

위의 링크들에서는 Webpack과 Babel 설정에 대한 다양한 질문과 그 해결책이 제시되고 있습니다. 특히 Webpack의 버전 업그레이드나 올바른 Babel 설정 방법에 대한 조언들이 포함되어 있습니다. 단, 직접적인 문제 해결 방법은 프로젝트의 구체적인 설정과 사용 중인 의존성에 따라 달라질 수 있으므로, 문제의 정확한 원인을 파악하기 위해서는 프로젝트의 구체적인 webpack.config.js 파일과 babel.config.js 또는 .babelrc 파일의 설정을 확인해 보는 것이 좋습니다.

질문하신 내용과 완전히 동일한 상황을 다루는 내용은 아닐 수 있으나, Webpack과 Babel 설정에 관한 충분한 이해를 바탕으로 문제 해결에 접근할 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.