Error Handling
-
React Error 해결법: Error: error:0308010C:digital envelope routines::unsupportedError Handling 2023. 4. 15. 13:17
에러 발생 몇년전 사용하였던 리액트를 다시 실행시킬때 아래와 같은 에러가 발생하였다. Error: error:0308010C:digital envelope routines::unsupported 원인 노드 버전이 v18 lts 로 최신이라 호환이 되지 않았다. 해결법 노드의 버전을 v16 lts 로 낮추고 실행시키니 작동하였다. 현재 버전 확인 후 노드를 재설치한다 (이런 경우가 많아 nvm 을 이용한다)
-
React Error 해결법: Module Error (from ./node_modules/sass-loader/dist/cjs.js):Cannot find module 'sass'Error Handling 2023. 3. 30. 22:53
에러 발생 리액트를 처음 시작할때 scss 를 사용하려하면 아래와 같은 에러가 발생할 때가 있다 Module Error (from ./node_modules/sass-loader/dist/cjs.js): Cannot find module 'sass' 원인 sass 모듈이 없어 발생한다. 해결법 sass 모듈을 설치한다. $ npm i sass
-
React Error 해결법 : Module not found: Error: Cannot find file: 'MainPage.js' does not match the corresponding name on disk: './src/pages/Mainpage.js'.Error Handling 2023. 3. 29. 23:12
에러 발생 리액트 실행시 아래와 같은 에러가 발생하였다. Module not found: Error: Cannot find file: 'MainPage.js' does not match the corresponding name on disk: './src/pages/Mainpage.js'. 원인 호출한 파일 이름 또는 경로와 만들어진 파일 이름이 맞지 않아 찾지 못하여 발생하였다. 선언은 아래와 같이 하였지만 import MainPage from './pages/MainPage'; 파일 이름을 아래와 같이 소문자로 만들어 발생하였다. Mainpage.js 해결법 파일 이름을 확인하여 수정한다. 또는 경로를 확인하여 수정한다.
-
tomcat error 해결법: Several ports (8080, 8009) required by Tomcat v7.0 Server at localhost are already in useError Handling 2023. 3. 26. 20:56
에러 발생 이클립스로 개발 중 이클립스가 불완전종료 될 때가 있다. 이 때 이클립스를 다시 실행 시키고 톰캣서버를 실행하면 톰캣서버가 실행되지 않는다는 에러가 발생한다. Several ports (8080, 8009) required by Tomcat v7.0 Server at localhost are already in use 원인 해당 포트가 사용중이라 발생한다. 해결법 간단히 해결하려면 톰캣이 설치된 폴더의 bin폴더 아래에 shutdown.bat 이라는 배치파일을 한번 더블클릭하여 실행시킨후 이클립스를에서 톰캣을 실행한다. 위에 방법이 안되면 아래와 같이 해결하면된다. 사용중인 포트 죽이기 1. 윈도우 + R 을 누르거나 윈도우 -> 실행 클릭 2. 여기에 cmd 입력후 확인버튼 클릭 3. cmd..
-
error 해결법: 'File name '' differs from already included file name '' only in casing' on relative path with same casingError Handling 2023. 3. 19. 23:29
에러 발생 특정 파일을 import 한 뒤 호출시 아래와 같은 에러가 발생할 때가 있다. import SignupModal from './features/app/SignupModal'; Error TS1149: File name 'C:/Project/frontend/scripts/State.ts' differs from already included file name '../frontend/scripts/State.ts' only in casing. 원인 1. 파일 이름이 잘못되었다. 2. 타입스크립트 설정과의 충돌 3. 개발툴이 이상하다. 해결법 1. 파일 이름을 한번 더 확인한다. 보통 소대문자가 잘못되어있었다. ex) 파일 이름이 SignupModal.tsx 이여야하는데 Signupmodal.ts..
-
React error 해결법: Uncaught Error: This component must be used inside a <RecoilRoot> component.Error Handling 2023. 3. 19. 23:16
에러 발생 react 개발시 Recoil 사용시 아래와 같은 에러가 발생할 때가 있다. Uncaught Error: This component must be used inside a component. 원인 RecoilRoot 로 감싸주지않았다. root.render( ); 해결법 Recoil 을 사용하는 상위 파일 을 RecoilRoot 로 감싸준다. ex) index.tsx 에서 로 감싸준다.
-
React error 해결법: Type 'MutableRefObject<HTMLInputElement | undefined>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'.Error Handling 2023. 3. 19. 23:09
에러 발생 react 개발시 useRef 사용시 아래와 같은 에러가 발생할 때가 있다. const componentRef = useRef(); Type 'MutableRefObject' is not assignable to type 'LegacyRef | undefined'. 원인 useRef 선언시에 null 을 제대로 선언해주지 않았다. 해결법 엘리먼트 객체와 null 을 추가하여 선언한다. const componentRef = useRef(null);
-
React error 해결법: TS2305: Module '"react-router-dom"' has no exported member 'Switch'.Error Handling 2023. 3. 19. 22:59
에러 발생 React 로 개발중 Switch 사용시 아래와 같은 에러가 발생할 때가 있다. import { BrowserRouter, Route, Switch } from 'react-router-dom'; TS2305: Module '"react-router-dom"' has no exported member 'Switch'. 원인 react-router-dom 의 버전이 v6 대에서 Switch 에서 Routes 로 변경되어 발생한다. 해결법 Routes 를 사용한다. import { BrowserRouter, Route, Routes } from 'react-router-dom';