ProgrammingReact

[REACT-ERR] npm run start 시 Cannot find module 'typescript' 혹은 code ELIFECYCLE

React

그저 나는 vscode에서 mobx의 decorator를 사용하고 싶을 뿐이었어… 미안해

상황

mobx 의 decorator로 깔-끔한 개발코드를 만들어보자 로 시작했다. 깔끔했지만 vscode에선 기분 나쁜 warning*(이라 쓰고 밑줄이 거슬림)*을 토해낸다. 그렇게 이런 꺼림직한 warning을 없애기 위해서 root 경로에 tsconfig.json 파일을 만들었고, 거기에 무슨 의미인지도 모르는 다음과 같이 파일 설정을 넣었다.

1
2
3
4
5
6
7
// tsconfig.json
{
  "compilerOptions": {
    "experimentalDecorators": true,
    "allowJs": true
  }
}

문제

npm run start

1
2
3
4
5
6
7
20 error code ELIFECYCLE
21 error errno 1
22 error mySideProject@0.1.0 start: `node scripts/start.js`
22 error Exit status 1
23 error Failed at the mySideProject@0.1.0 start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

저 놈의 ELIFECYCLE 은 정말 꼴보기 싫다. 참 친절하지 못한 코드다. npm 관련 에러인데 설명하기 귀찮아서 저 코드를 던지는 것 같다. 알아서 찾아보라고, 결국 내가 스스로 찾아야한다.

시도

  1. npm cache clean --force && npm install
  2. rm -rf node_modules && rm package-lock.json && npm install
  3. npm install typescript

해결

결국은 typescript 모듈이 없었기 때문에 생기는 문제였다. 나는 안쓰는데? 싶어서 확인해보니 vscode 설정으로 해두었던 tsconfig.json 파일이 유일하게 관련된 파일이었다.
rm tsconfig.json && npm install && npm run start

매우 잘 된다…

잠깐만, decorator 쓰자고 추가한 파일을 에러 잡는다고 지우면 무슨 의미지?

그렇게 생각한 모두를 위해 다음 파일을 같은 내용으로 만들어보자.

1
2
3
4
5
6
7
// jsconfig.json
{
  "compilerOptions": {
    "experimentalDecorators": true,
    "allowJs": true
  }
}

혹여나 지친 몸을 이끌고 사이드 플젝을 하고 계신 분들에게 조그마한 도움이 되었으면 좋겠다.

공유하기