모카 사이드바가 js는 잘 찾는데

ts를 전혀 찾지 못할 경우가 있다.

보통 ts-node/require를 이용 할 것이다.

그런데 이게 문제 인걸 찾는 것도 한참 걸렸고

왜 문제인지 찾는 것도 한참 걸렸다.

아무런 에러가 로그가 찍히지 않기 때문이다.


결정적인 건 ts-node버전을 착각하고 있었다.

모카 사이드바는 최신 ts-node버전을 필요로 한다.

이글을 쓰는 지금은 7.0.0이다

npm list ts-node로 확인해 보자

이미지 리사이징해서 새 파일을 만드는 일을 해야한다.

친절한 예제를 보고 따라 했더니 됐다

그런데 서버 키고 처음만 성공하고 두번째 부터는 에러가 발생한다.


javascript의 특성과 nodeJs의 자원들에 대한 이해도가 떨어져서 고생했다.


JAVA에서는 resource open, closable한 객체가 비교적 명확하고

클래스 안의 메소드에서 작업이 거의 이루어지다보니 이런 일이 별로 없는데

javascript에서는 이를 함수 사용법만 봐서는 알기가 어렵다.


sharp객체도 open&closable한 객체 였다.

전역에 한개 지정해 놓고 request마다 이걸 계속 쓰려고 하니 당연히 에러가 날 수 밖에 ㅜㅜ


통찰력이 부족하다~~

import * as update from 'react-addons-update'


타입스크립트 형식 안맞췄을 때 나는 에러

React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.


이런 에러나서 한참 해멨는데


react-router가 아니라 react-router-dom 이다.


아우 왜 사람 헷갈리게 비슷한게 많은지 ㅜㅜ

1. render 크래시 테스트 하는 데 vs code에서 렌더링이 안됐다고 자꾸 뜸

vs-jset 라는 확장프로그램을 사용하는데 여기와 관련된 이슈

사용안함 했다가 다시 사용함으로 하고 이것 저것하다가

우연히 됨. 뭔가 설정이 서로 달라서 그런 듯

정확한 원인을 모름

"jest.pathToJest": "node_modules/.bin/jest --debug"

vscode 설정에서 이부분을 수정해서 된건지 잘 모르겠음 어째든 이거 추가 이후 어쩌다가 됨(처음에는 안됐음)


+ vs-jest는 새로운 라이브러리를 사용할 때마다 리로드 시켜줘야 함( vs-code리로드가 아니라 애드온을 껐다가 다시 로드 시켜줘야 함)


2. snapshot 테스트 문제


expect(tree).toMatchSnapshot();

이부분에서 missing snapshot 에러가 발생

터미널에는 jest 문제가 아니라 cli 문제라고 추정함 defaultSnapshot이 없다고 함


yarn test --watch를 뛰워놓고

u키로 update했더니 snapshot이 만들어짐

뭔가 석연치가 않다. 첫 테스트에는 snapshot이 당연히 없을 텐데 저런 식으로 밖에 처리를 할 수 없는 건가?

다 잘 보냈는데

dispatch 실행하는 함수는 실행되는데

return dispatch => 구문이 실행이 안된다

다르 dispatch는 잘 실행이 된다.


connect로 넘겨준 함수를 실행해야 하는데 그냥 함수 자체를 실행시켜 버렸다.

그것도 모르고 한참 해맸다 ㅜㅜ

아 정말 바보 같다.


그냥 npm이나 yarn으로 모듈 추가했는데

typescript가 모듈을 못읽어 온다.

분명히 yarn add react-router-dom을 했는데!!!

typescript프로젝트에서는 @types에 모듈이 있어야 한다.

yarn add @types/react-router-dom


차분히 하나씩 해야 했는데 create-react-app으로 ts프로젝트 바로 만들어서 건너뛴게 화근!!

+ Recent posts

티스토리 툴바