Error Note (3) 썸네일형 리스트형 [Error] ESLint 사용 시 import React 생략하기 "rules": { ... "react/react-in-jsx-scope": "off", }, React 17부터 import React fro 'react'문을 사용하지 않아도 되나, eslint에서 오류가 발생합니다. rule에 react/react-in-jsx-scope를 off 설정을 해주며 eslint 오류를 피할 수 있습니다. [Error] Webpack bundling 후 status code 304 라이브서버를 이용하는 환경이었습니다. npx webpack --entry ./source/index.js --output-filename index_bundle.js -o ./public 으로 번들링 이후 Network 탭에서 응답코드가 304이고, 다시 시도된 응답에서는 404 Error가 발생했습니다. => 캐시관련이라고 경고메시지가 있어서, 인터넷 캐시를 삭제하고 다시 로드하니 정상 작동하였습니다. [Error] warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>. warning: validateDOMNesting(...): cannot appear as a descendant of . jsx에서 발생하는 에러로, button 태그 안에 허용되지 않은 태그를 사용해서 발생하였습니다. 저같은 경우에는 button 태그 안에 button태그를 또 사용해서 나타난 오류여서, 바깥의 button을 div태그로 바꿔주고 해결했습니다. 이전 1 다음