본문 바로가기
반응형

📍 Front-End/🜸 Error8

[React Error/리액트 에러] Attempted import error: 'useHistory' is not exported from 'react-router'. 회사에서 작업 중이던 프로젝트에서 패키지 이것저것 업데이트하다가 완전히 꼬여버렸다 node-modules를 삭제하고 yarn cache clean을 해봤지만 아래와 같이 react-router에서 Attempted import error가 떴다 발생 에러 Attempted import error: 'useHistory' is not exported from 'react-router'. 원인. 예~~ 전에 react-router v3를 사용하다가 중간에 react-router-dom v5.2.0으로 업데이트를 했는지 일부에서는 useHistory를 'react-router'에서 import 해왔고 또 일부에서는 'react-router-dom'에서 import를 해왔다 (내 잘못 아님,,ㅠ 누군가 짜 놓은.. 2022. 5. 11.
[React Error/리액트 에러]A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element f.. input type='checkbox' element에 value값을 할당했는데 아래와 같은 에러가 발생 A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. 원인 value에 undefined 값이 들어가면서 컨트롤할 수가 없어 발생함. 해결법 value가 undefined 일때 빈 값이 할당될 수 있도.. 2022. 4. 1.
[React/리액트] react-scripts: command not found / Command failed with exit code 127. 에러 발생 리액트 프로젝트를 열어서 start를 했더니 아래와 같은 상황이 발생했다 $ portfolio % yarn start yarn run v1.22.10 warning ../../../package.json: No license field $ react-scripts start /bin/sh: react-scripts: command not found error Command failed with exit code 127. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. 에러의 원인 정확하진 않지만 git에 있는 리액트 프로젝트를 내 로컬에 다른 이름으로 clone 받았는데 그러면서 경로가 꼬인.. 2022. 2. 13.
[Thymeleaf] TemplateInputException 에러 View Template Engine으로 타임리프를 사용 중인데 로컬에서 테스트할 때는 아무 문제없던 이 타임리프가 개발 서버에 배포 후 에러 창과 함께 아래와 같은 에러가 발생했다 😱 org.thymeleaf.exceptions.TemplateInputException: Error resolving template [/fragment/common], template might not exist or might not be accessible by any of the configured Template Resolvers (template: "common/defaultLayout" - line 5, col 9) at org.thymeleaf.engine.TemplateManager.resolveTempla.. 2021. 6. 16.
반응형