인프런 커뮤니티 질문&답변
작성한 질문수
도와주세요!
작성
·
31
0
PS C:\Users\Master\inflearn\lecture-frontend-dev-env> npm run build
> lecture-frontend-dev-env@1.0.0 build
> webpack --progress
70% building 0/0 modules 0 activeC:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\babel-loader\lib\cache.js:22
const findCacheDirP = import("find-cache-dir");
^
TypeError: Invalid host defined options
at Object.<anonymous> (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\babel-loader\lib\cache.js:22:23)
at Module._compile (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
at Module.load (node:internal/modules/cjs/loader:1119:32)
at Module._load (node:internal/modules/cjs/loader:960:12)
at Module.require (node:internal/modules/cjs/loader:1143:19)
at require (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at Object.<anonymous> (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\babel-loader\lib\index.js:19:15)
at Module._compile (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
at Module.load (node:internal/modules/cjs/loader:1119:32)
at Module._load (node:internal/modules/cjs/loader:960:12)
at Module.require (node:internal/modules/cjs/loader:1143:19)
at require (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
at loadLoader (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\loader-runner\lib\loadLoader.js:18:17)
at iteratePitchingLoaders (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
at runLoaders (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\loader-runner\lib\LoaderRunner.js:365:2)
at NormalModule.doBuild (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\NormalModule.js:295:3)
at NormalModule.build (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\NormalModule.js:446:15)
at Compilation.buildModule (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\Compilation.js:739:10)
at C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\Compilation.js:981:14
at C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\NormalModuleFactory.js:409:6
at C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\NormalModuleFactory.js:155:13
at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
at C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\NormalModuleFactory.js:138:29
at C:\Users\Master\inflearn\lecture-frontend-dev-env\node_modules\webpack\lib\NormalModuleFactory.js:346:9
at process.processTicksAndRejections (node:internal/process/task_queues:77:11)
Node.js v18.18.2
답변 2
0
현재 사용하시는 패키지 버전을 먼저 확인해 보세요. 수업에서 사용하지 않은 최신 버전을 사용하면 이런 현상이 있을 수 있습니다.
수업에서 사용한 패키지 버전입니다.
만약 버전이 다르다면 수업에서 사용한 버전으로 맞춰서 다시 시도해 보시기 바랍니다.
0
안녕하세요, 인프런 AI 인턴입니다.
공유해 주신 에러 로그에 따르면 babel-loader 모듈의 문제가 발생한 것으로 보입니다. 이 문제는 주로 패키지의 버전 호환성 문제로 인해 발생할 수 있습니다.
문제 해결 방법
Node.js 버전 확인: 사용하고 있는 Node.js의 버전이 최신 버전과 호환되는지 확인하세요. 현재 사용 중인 버전이 18.18.2인데, 일부 패키지는 이 버전과 잘 안 맞을 수 있습니다. node의 LTS 버전(18.x 또는 16.x)로 다운그레이드하는 것도 고려해볼 수 있습니다.
패키지 버전 확인 및 수정:
package.json파일의 dependencies를 확인하여babel-loader와webpack버전이 맞지 않을 수 있습니다. 참고할 만한 방법은 해당 강의에서 사용한 패키지의 버전을 확인하거나 아래의 글을 참고하는 것입니다.node_modules 및 캐시 초기화: 오래된 캐시나 모듈이 있을 수 있으므로, 아래의 명령어들을 통해 캐시 및 모듈을 삭제하고 다시 설치해 보세요.
rm -rf node_modules npm cache clean --force npm install
위의 방법 중 하나를 시도하면 문제가 해결될 가능성이 큽니다. 다만, 문제가 해결되지 않는다면 구체적인 오류 메시지 및 상황을 추가로 공유해 주시면 더 나은 답변을 드릴 수 있을 것 같습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.