매일 해내는 개발/오류7 [Error] 타입스크립트 라우터 오류 'Page'은(는) JSX 구성 요소로 사용할 수 없습니다. 해당 반환 형식 'Promise<Element>'은(는) 유효한 JSX 요소가 아닙니다. Promise값 리스트로 변환하기 오류내용 'Page'은(는) JSX 구성 요소로 사용할 수 없습니다. 해당 반환 형식 'Promise'은(는) 유효한 JSX 요소가 아닙니다. 'Promise' 형식에 'ReactElement' 형식의 type, props, key 속성이 없습니다. 타입스크립트 라우터에서 발생하는 오류메세지이다. 트러블 슈팅 순서 문제 정의 사실 수집 원인 추론 조치 및 방안 검토 결과관찰 (만약 문제가 다시발생한다면 4번으로 다시) 1. 문제 정의 난 이 페이지에서 자바스크립트처럼 비동기 async / await를 쓰고 싶어서 아래 이미지 처럼 async 키워드를 써주면 Router페이지에서 이렇게 오류가 빵빵 터진다. 2. 사실 수집 오류 메세지를 잘 살펴보자. 'DashboardPage'은(는) JSX 구성 요소로.. 2023. 1. 28. type 에러처리 https://velog.io/@win/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%97%90%EB%9F%AC-string-undefined-%ED%98%95%EC%8B%9D%EC%9D%98-%EC%9D%B8%EC%88%98%EB%8A%94-number-%ED%98%95%EC%8B%9D%EC%9D%98-%EB%A7%A4%EA%B0%9C-%EB%B3%80%EC%88%98%EC%97%90-%ED%95%A0%EB%8B%B9%EB%90%A0-%EC%88%98-%EC%97%86%EC%8A%B5%EB%8B%88%EB%8B%A4 타입스크립트 에러-'string | undefined' 형식의 인수는 'number' 형식의 매개 변수에 할당될 수 없습니 par.. 2023. 1. 24. Error: error:0308010C:digital envelope routines::unsupported Error: error:0308010C:digital envelope routines::unsupported opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' 찾아보니까 노드 버전 다운그레이드 하래서 다운그레이드도 해봤는데 해결이 안됐다. package-json의 react-scripts 버전의 react-script의 버전이 예전 버전이라서 그렇다. 나는 2.x.x였는데 npm install --save react-scripts@5.0.1 명령어를 통해 버전 업그레이드 하여 오류를 해결할 수 있었.. 2023. 1. 23. [오류] Error message "error:0308010C:digital envelope routines::unsupported" 와 ReferenceError: React is not defined 내가 마침 중요한 파일을 로컬에서 지우고 난 후에 확장 프로그램이든 뭐든 다 삭제가 되고 이런 에러가 발생해서 너무 당황했다.... 처음으로 npm start 시 ERR!! 가 엄청 떴다. react_script 폴더가 없단다. 그래서 npm instll 후에 npm install -g react-script 를 설치했다. 아래 블로그를 참고했음 [Error] npm start 에러 처리 방법 나의 하찮은 뻘짓을 기록하고 다음에 같은 삽질을 반복하지 않고자 이 글을 남깁니다...^^ 아직 js 초보인 나는 이전 테스트 프로젝트에서 잘만 돌아가던 npm start가 왜 실행이 안되지 하면서 맨 첫 chuun92.tistory.com 그래도 해결이 안됐다. 그러고 나서 이런 오류가 떴다. "error:030.. 2023. 1. 20. 파이참 프로젝트 생성 시 venv 파일 자동 생성이 안돼요. [오류] 파이참 '가상환경을 생성하지 못했습니다.' 해결 방법 파이참 오류 : 가상환경을 생성하지 못했습니다. Failed to create a virtual environment 오류내용 1. 프로젝트 생성 시 오류 발생 프로젝트 생성 시 경로\venv 폴더로 경로는 정상 작성되어 있음에도 생성 subtlething.tistory.com [오류] 파이참 '가상환경을 생성하지 못했습니다.' 해결 방법2 이전에 다뤘던 이 방법은 이미 파이썬 폴더에 필요한 패키지가 광역(?)적으로 설치가되어서 추가로 패키지 설치는 안해도되는 장점이 있지만 해당 방법으로 오류를 처리할 수가 없어진다. 그래서 새 프로젝트를 생성한 후에 venv폴더가 자동 생성되지 않는다면 번거롭지만 다음과 같은 방법을 사용해야 한다. 해결방법.. 2022. 10. 24. 파이썬 여러 버전 사용하는 법. 환경변수 설정 나는 기존에 사용하던 프로젝트 때문에 파이썬 2.7버전을 사용하고 있었는데 내일배움단에서는 python 3.8을 권장했다. 그래서 새로 설치했지만 cmd에서 python --version을 검색하면 계속 2.7버전이 떴다. 이를 해결하기 위해선 환경변수를 설정해야 한다. 윈도우 검색 > 환경 변수 파이썬 3.8버전을 사용하고 싶다면 새로만들기 > Python38로 등록한다. ‼이 때 꼭! 본인이 새로운 파이썬 버전을 설치한 경로로 지정해야한다. (설치할 때 다음 다음버튼만 눌렀다면 나와 경로가 다를 것이다.) 2022. 10. 21. [오류] 파이참 '가상환경을 생성하지 못했습니다.' 해결 방법 파이참 오류 : 가상환경을 생성하지 못했습니다. Failed to create a virtual environment 오류내용 1. 프로젝트 생성 시 오류 발생 프로젝트 생성 시 경로\venv 폴더로 경로는 정상 작성되어 있음에도 생성 후에는 venv 폴더가 보이지 않았고 아래와 같은 오류가 발생했다. 이걸 해결하기 위해서 파이썬을 세번이나 깔고 파이참도 지웠다 깔고 재부팅을 두 번 했다... 2. 프로젝트 셋팅 시 오류 발생 1) File → setting → Project → Python Interpreter → Add Interpreter → Add Local interpreter 2) System Interpreter → 원하는 파이썬 버전의 인터프리터 선택 그럼 이런 오류가 발생한다.. Inva.. 2022. 10. 21. 이전 1 다음
