Error (5) 썸네일형 리스트형 React - TypeError: Cannot read property 'map' of undefined .map 프로퍼티를 읽을수 없다? 먼저 위 코드에서 items는 comments.js에서 props로 넘겨받는 배열이다. 넘겨받은 배열 내의 요소들을 .map으로 매핑해주려고 하는데, 저런 에러가 발생. 찾아보니, props.items의 배열을 받아 .map을 돌리기 전에 React의 렌더링이 이루어지기 때문에 에러가 나는 듯하다. 그렇다면? props로 받는 items가 있는지 확인 후 매핑을 해주는 걸로! 혹은 && 연산자를 사용해도 된다. {items && items.map(...)} 이런 식으로...! Next.JS - Error: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior> Server Error Error: Invalid with child. Please remove or use . Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor Next.js로 작업을 하다보면 위와 같은 에러를 볼때가 있다. Link 컴포넌트를 사용시 태그를 없애거나, 태그에 legacyBehavior 프로퍼티를 써야 한다는 것. 프로젝트 내에서 Link가 사용된 컴포넌트 모두 변경 해주면 에러 해결! React - npm ERR! ERESOLVE could not resolve(npm install 시) next.js로 작업중 fetch() 대신 axios를 쓰기 위해 터미널에 npm install axios를 하니 나오는 에러.. npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: swr@0.4.2 npm ERR! Found: react@18.2.0 npm ERR! node_modules/react npm ERR! peer react@"^18.2.0" from next@13.2.3 npm ERR! node_modules/next npm ERR! next@"^13.2.3" from the root project npm ERR! peer react@"^18.2.0" from react-dom.. Next.JS - Parsing error: Cannot find module 'next/babel' ERROR : Parsing error: Cannot find module 'next/babel' Next.JS 프로젝트 세팅 시 아래 처럼 import에 빨간 줄이 그어진걸 볼 수 있다. 마우스를 올려 보면 Parsing error: Caonnot find module 'next/babel'... 이렇게 파싱 에러가 나온다. 해결 방법 : 1. 프로젝트 루트 폴더 내에 .babelrc 파일을 만든다. 그 안에 아래 코드를 입력한다. { "presets": ["next/babel"], "plugins": [] } 2. Next.JS 프로젝트 시작 자동으로 생성된 .eslintrc.json 파일을 열어 코드를 아래와 같이 수정한다. { "extends": ["next/babel","next/core-web.. Firebase - deploy Error(1) See you letter 개인프로젝트를 진행 중이다. 해당 프로젝트는 로그인 기능 + 편지 작성 후 특정 기간을 설정하면 기간 이후 기재된 메일에 편지형식으로 메일이 발송되는 프로젝트이다. client는 react를 사용했고, 서버는 firebase를 사용했다. firebase를 이용한 이유는, 로그인/회원가입 기능에서 편리하기 때문이다. 회원가입하는 고객의 데이터를 관리해주고 get, add 등 할 수 있다. 그리고 편지의 데이터를 firestore로 보내고, firestore의 extension인 triggerEmail(유/뮤료)를 사용하여 메일 전송기능을 만들었다. 여기까지는 만들어진 상태이고 추가적으로 해결해야 하는 부분은, 특정기간(6개월/1년/2년)기간 설정 시 해당 기간 이후 메일이 보내지.. 이전 1 다음
