✏️기록하는 즐거움
반응형
article thumbnail
[React] Cannot create a project named "xxx" because of npm naming restrictions:
Face-to-Error 2022. 8. 23. 21:54

| 에러 발생 과정 React 프로젝트를 생성 중 발생한 에러 | 에러 코드 | 에러 해결 방법 프로젝트 이름에 대문자를 포함하면 안된다는 내용으로, 소문자로 프로젝트를 생성하면 된다🎊

article thumbnail
[React] style 적용 시 발생한 에러: The `style` prop expects a mapping from style properties to values, not a string.
Face-to-Error 2022. 7. 22. 13:29

| 에러 발생 과정 React에서 style object를 만들어서 컴포넌트 props로 전달하는 방법을 시도하고 있었다. 내가 원하는 조건일 경우 style object를 전달하려고 했을 때 해당 오류가 발생했다. | 에러 코드 function Square({ value, onClick, style }) { return ( {value} ); } class Board extends React.Component { renderSquare(i) { const isWinningIndex = this.props.winningIndex && this.props.winningIndex.indexOf(i) !== -1; const styleObj = { boxShadow: "0px 2px 8px 0px #FFC23..

article thumbnail
[eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » ...
Face-to-Error 2022. 7. 13. 22:52

| 에러 발생 과정 깃허브에서 새로운 리액트 프로젝트를 pull 해서 받아온 뒤 발생한 문제 | 에러 해결 방법 1 package.json 을 열기 ctrl + s 를 눌러 저장하기 npm run 으로 프로젝트 재 실행 | 에러 해결 방법 2 위의 방법으로 해결되는 줄 알았지만, 코드를 수정하고 저장하면 똑같은 에러가 계속해서 발생했다. 따라서 아래의 방법을 추가적으로 진행했다. package-lock.json 삭제 npm install실행 vscode 껐다 키기 | Refernece [Solved] Plugin "react" was conflicted between "package.json » eslint-config-react-app » - Exception Error To Solve Plugin "..

반응형