[TypeScript] MODULE_NOT_FOUND (Error: Cannot find module ~\react-scripts\bin\react-scripts.js) 오류 해결 방법

MODULE_NOT_FOUND (Error: Cannot find module ~\react-scripts\bin\react-scripts.js) 오류 해결 방법

들어가며

• 아래와 같은 타입스크립트(TypeScript) 컴파일 시 발생하는 경로 관련 오류를 해결하는 방법을 정리해본다.

> my-react-app@0.1.0 start > react-scripts start 'Learn\react\react-beginner\my-react-app\node_modules\.bin\' is not recognized as an internal or external command, operable program or batch file. node:internal/modules/cjs/loader:1080   throw err;   ^ Error: Cannot find module 'F:\Front-end\react-scripts\bin\react-scripts.js'     at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)     at Module._load (node:internal/modules/cjs/loader:922:27)     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)     at node:internal/main/run_main_module:23:47 {   code: 'MODULE_NOT_FOUND',   requireStack: [] } Node.js v18.17.0

 

해결 방법

• 컴파일 하고자 하는 프로젝트의 절대 경로 중간에 @&@나 @*@, @^@과 같은 특수 문자가 있을 경우, 경로를 인식하지 못하여 발생하는 문제였다.
• 따라서 해당 특수 문자를 다른 일반 문자로 바꿔주면 정상적으로 컴파일이 된다. 

 

참고 사이트

node:internal/modules/cjs/loader:1080 throw err; ^ Error: Cannot find module 'react-scripts.js'