인프런 커뮤니티 질문&답변
작성한 질문수
babel-core module 에러
작성
·
70
·
수정됨
0
fs를 못찾는다고 해서
lecture-vue-trello 에서
npm install --save-dev @babel/core @babel/cli @babel/node @babel/preset-env
로 설치 해주었습니다 하지만 똑같은 오류가 뜹니다..
아예 폴더를 삭제하고 깃에서 다시 클론하여 npm 설치 후 열어주었습니다
그런데도 똑같은 오류가 뜹니다.
webpack버전은 5를 쓰고 있습니다
어떻게 해야 해결할 수 있을까용..
vue cli 로 만든 프로젝트로 다시 해보았습니다
퀵픽스에 install bable-core이 있어서 적용해보았는데 똑같습니다..
답변 2
0
혹시 웹팩으로 빌드하실 때 오류가 나는 것일까요?
질문을 읽어보면서 저도 몇 가지 궁금한 게 생겼습니다.
1) 웹팩 5를 사용하셨다고 했는데 캡쳐하신 package.json에는 버전 3으로 되어있습니다.
이 상태에서 npm run build 나 npm run dev를 실행하면 버전 3으로 실행될텐데요.
웹팩 5를 어떻게 사용하셨는지 궁금하네요.
2) babel-core의 template을 사용하신 것 같습니다.
수업에서 다루지 않는 내용인데요.
혹시 이것 때문에 패키지를 추가하시는 걸까요?
문제를 재현할 수 있는 코드를 깃헙으로 공유해 주시면 좋겠습니다. 제 로컬 환경에서도 실행해 보면 좀 더 빨리 도와 드릴 수 있을 것 같습니다.
문제를 해결하셨다니 정말 다행입니다.
수업을 만들 당시에는 웹팩 4를 사용했는데요. 그동안 시간이 흘러 최신버전이 5로 업데이트 되었습니다. 패키지 버전을 따로 신경쓰지 않으면 이렇게 최신버전이 설치되는데요. 수업 들으시다가 비슷한 문제을 만나면 패키지 버전을 먼저 확인해 보시기 바랍니다. 웬만하면 해결하실 수 있을겁니다.
0
안녕하세요, 인프런 AI 인턴입니다.
질문하신 babel-core module 에러와 관련하여 fs 모듈을 찾을 수 없는 문제는 주로 Node.js 환경에서 발생하는 오류로, 일반적으로 Webpack 또는 Babel의 설정 문제에서 비롯됩니다. 특히, webpack과 @babel/preset-env 사용 시 올바른 설정이 필요합니다.
아쉽게도, 질문자님의 문제를 직접적으로 해결할 수 있는 구체적인 답변을 포함한 정보는 찾을 수 없었습니다.
그러나, 유사한 문제로 고민하는 다른 학습자에게 도움이 될 수 있는 기존 답변으로, Webpack 및 Babel 설정 관련하여 일반적인 문제 해결 방법을 제공하는 링크를 안내드리고자 합니다.
위의 링크들에서는 Webpack과 Babel 설정에 대한 다양한 질문과 그 해결책이 제시되고 있습니다. 특히 Webpack의 버전 업그레이드나 올바른 Babel 설정 방법에 대한 조언들이 포함되어 있습니다. 단, 직접적인 문제 해결 방법은 프로젝트의 구체적인 설정과 사용 중인 의존성에 따라 달라질 수 있으므로, 문제의 정확한 원인을 파악하기 위해서는 프로젝트의 구체적인 webpack.config.js 파일과 babel.config.js 또는 .babelrc 파일의 설정을 확인해 보는 것이 좋습니다.
질문하신 내용과 완전히 동일한 상황을 다루는 내용은 아닐 수 있으나, Webpack과 Babel 설정에 관한 충분한 이해를 바탕으로 문제 해결에 접근할 수 있을 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
웹팩 5를 지우고 3으로 다시 다운하여 캡쳐한 사진입니다ㅠㅠ 현재 웹팩 3.6.0이 package.jso 에 적혀있구요 아예 다 삭제하고 다시 차근차근 선생님 코드 보면서 하니 해결되었습니다👍 무언가 제 실수가 있었던것 같습니다! 답변 감사합니당 🙂↕