리액트 실행 시 발생한 Syntax에러, 알고보니 node 버전 문제

-
리액트 기초공부를 하면서 예제코드를 따라하는데, 실행시켜보기 위해 터미널에 'yarn start'를 입력했더니

SyntaxError: missing ) after argument list
...

라는 에러가 났다. 어제까지만 해도 잘만 실행되던 코드가..?


구글링해봤더니 맞춤법, 연산자 누락 등으로 함수를 호출하는 데 문제가 생긴 것 이라고 한다.

그런데 오류가 발생한 코드는 /node_modules 폴더에 있던 것으로 손 하자 대지 않은 코드..!!

오늘 새로 작성한 코드를 다 지우고 어제코드로 돌려봐도 안됨!


이리저리 수정하다보니 에러메시지에 node 버전에 대한 언급이 있어서 (8버전 이상만 지원) 확인해보니 6.10.1 버전..!

어제 분명히 12버전으로 올리고 실행도 했었는데..?
답답...


왜인지는 모르겠으나 버전을 올리기로 마음먹고 버전업을 했는데도 (13으로) 안 되었다..


그래서 node를 다 삭제하고 재설치하기로 결정함

https://gomugom.github.io/how-to-remove-node-from-macos/
위 링크 참고!

그런데도 계속 실행이 안됐는데(버전도 그대로), 모든 터미널을 종료하고 다시 실행하니까 노드버전이 13으로 뜨고 리액트실행도 잘 되었다.

터미널을 재실행해야 제대로 적용되나보다.


* 3줄요약

손도 안 댄 코드에서 SyntaxError 발생
Node 삭제 후 최신버전으로 재설치
터미널 재실행 -> 해결☀

Node 버전관리를 잘합시다...😢
(+) nvm 을 이용한 node 버전관리

$nvm list
$nvm use v0.0.0
$node -v
'nvm use'를 통해 nvm 버전을 바꿀 수 있다!
'$nvm uninstall v6.10.1' 하면 제거될 것 같은데.. .안된다. 더 알아봐야겠다.
일단 버전을 바꾼 것 만으로 경축

댓글

댓글 쓰기

이 블로그의 인기 게시물

[MFC] LNK2001 외부 기호를 확인할 수 없습니다.

-
LNK2001 외부 기호를 확인할 수 없습니다. LNK1120 2개의 확인할 수 없는 외부 참조입니다. 다이얼로그에서 버튼을 클릭하거나 이벤트 처리기를 등록해놓고 cpp에서만 함수를 지워서 발생한 것. (해결) 헤더파일과 cppㅇ에서 거슬러 올라가면(Ctrl+F 로 찾아도 됨) 해당되는 부분이 있는데 찾아서 지워주면 됨~ 위의 경우에선 CaddDepDlg::OnAddEmp(void) 와 CaddEmpDlg::OnAddEmp(void) 이다.
자세한 내용 보기

[CG] 파일입출력 오류 / 해결

-
런타임 에러가 났다. [오류 메시지 내용] Debug Assertion Failed! Program: ...<exe파일 경로> File: <cpp파일경로> Line: 32 Expression: stream != nullptr For information on how your program can cause an assertion failure, see the Visual C++ documentation on asserts. (Press Retry to debug the application) [작성하던 코드 일부] FILE* fp; fp = fopen("apple.obj", "r"); int count = 0; char ch; float x, y, z; for (register int j = 0; j < 100000; j = j + 1) { count = fscanf(fp, "%c %f %f %f", &ch, &x, &y, &z); if (count == 4 && ch == 'v') { vertex[j].X = x / scale; vertex[j].Y = y / scale; vertex[j].Z = z / scale; } } fclose(fp); 1. stream != nullptr 이라는 것은 fp(포인터)가 null이라는 소리. 즉 파일이 제대로 열리지 않았다. 경로확인결과 놀랍게도 cpp가 들어있는 폴더의 상위폴더에 obj파일(열고자 하는 파일)을 넣어놨었다...ㅎㅅㅎ 실행된 모습 2. 그래도 해결되지 않았다면 1) 파일이 제대로 존재하는지 확인 2) 상대경로나 직접경로로 경로 수정 *참고한 곳 http://www.hackerschool.org/HS_Boards/zboard.php?id=QNA_programming&no=2547 h
자세한 내용 보기

[Darkflow] 두달간 사용하며 알게된 것들

-
주관적인 글입니다. 이것이 학계의 정설은 아니며 피드백 환영합니다^ㅇ^ 아직 모델개발에 성공하지 못했기 때문에 과정중에 느낀 것들이고 틀릴 수 있습니다! 질문에 답변해주신분들(이 모님, 신 모님), 정보를 제공해준 블로그(운영자님)들 모두 고맙습니다🙏 0. 서론 인턴을 하며 딥러닝 공부를 시작했고, 모델 개발을 위해 darkflow를 이용해서  데이터수집->전처리->학습->조금바꿔서학습->데이터수집->...  의 과정을 반복했습니다. 소소하게 개인적으로 개발일지만 작성하고 있었는데, 한 분기가 끝났고 10월이 된 기념으로 지난 몇 주간 모델개발을 하며 느낀 점( 이라 쓰고 의식의 흐름이라고 읽는다. )을 기록하려고 합니다. 1. Label (class)  자세의 라벨을 정할 때 나노단위로(방향따라) 나누는 것은 의미가 없다고 느낍니다. (예. sleep_front, sleep_head, sleep_side) 어차피 잠(sleep)이라는 것은 동일하기 때문입니다. 대신 데이터셋은 충분히 많아야 합니다. (몇장..?) Yolo 기본 모델을 돌려보면 '사람, 동물, 차'를 방향과 관계없이 똑같은 '사람, 동물, 차'로 인식하는 것을 알 수 있습니다. 따라서  자는 데이터는 모두  sleep 으로 라벨링 했습니다. 2. 전처리 순서 1. 조건에 맞지 않는 사진 지우기 (솎아내기) 데이터의 질이 중요하다고 생각한다 -  정확도&화질 2. 데이터 이름 일괄적으로 변경하기 (예. a1, a2, a3, ...) 꼭 할 필요는 없지만, 정리할 때 더 편한 느낌 3. 라벨링 궈궈  Yolo_mark(txt), labelImg(xml) 등 이용 4. annotation 형식에 맞추기  convert_txt_2_xml 를 이용해서 txt로 라벨링한 것들만 xml로 바꿔주었다. (darkflow는 annotation으로 xml을 사용하기 때문)
자세한 내용 보기