목차

사소하더라도 마주친 모든 에러를 기록

• styled-components 설치시 발생한 문제

• void형식은 ReactNode 형식에 할당할 수 없습니다

• TypeError Unknown file extension

styled-components 설치시 발생한 문제

문제발생

• styled-components를 설치를 위해 npm i styled-components 명령어 입력시 발생한 문제
• 에러 내용 : Cannot read properties of null (reading 'edgesOut')

문제해결

• Stack Overflow에 같은 이유로 문제가 있었고, 이를 통해 해결이 가능했다.

• 5.3.10 버전의 styled-components를 설치하면 된다고 한다.

• Stack Overflow 짱!

• 출처 ←
  

• 깔끔하게 해결이 되버린 모습!
  

---

void형식은 ReactNode 형식에 할당할 수 없습니다

문제발생

• 다른 컴포넌트를 불러오던 중 문제가 발생
  

• void 형식은 ReactNode형식에 할당할 수 없습니다?? void형식은 return값이 없는 경우가 아닌가? 어? 설마??

• 네 바보처럼 return을 해주지 않았습니다.
  

문제해결

• 아래와 같이 return을 추가해주니 바로 문제 해결! 하...........
  

---

TypeError Unknown file extension

문제발생

• 1차 시도

  • js파일을 ts파일로 바꾸고 아래와 같이 명령어 입력
    node ch8/함수옮기기...

  ts파일은 node가 아닌 ts-node를 사용해야 되는 걸 알게되었습니다.

• 2차 시도

  • ts파일을 실행하다가 생긴 문제 : 처음에 명령어를 아래와 같이 입력했습니다.
    ts-node ch8/함수옮기기...

문제해결

• tsconfig.json파일에 아래의 코드를 추가

 "ts-node": {
    "esm": true
  }

• 잘 동작합니다. (속 시원하네요)