반응형 ⚠️ 오류백과28 React developer tools에서 Components와 Profiler가 노출되지 않는 문제 해결 방법 프론트엔드 개발자로서 잘 사용하고 있는 React developers tools에서 Components와 Profiler이 노출되지 않는 문제 상황과 해결방법을 소개합니다. 크롬 개발자 도구 설정 변경을 통해 문제를 해결할 수 있다. 문제 상황 React local개발 시 Components와 Profiler가 노출되지 않음 React developer tools don't show Components , Profiler 해결 방안 1 1) Chrome > 설정 > 기본 설정으로 복원 크롬 devtools 세팅에서 기본 세팅으로 변경한다. Chrome > Settings > Preferences > Sync > Restore defaults and reload 2) 강력 새로고침 크롬 브라우저에서 강력한.. 2023. 7. 3. [webpack 에러] TypeError: this.getOptions is not a function 에러 Error Message ERROR in ./src/main.css Module build failed (from ./node_modules/style-loader/dist/cjs.js): TypeError: this.getOptions is not a function at Object.loader (/Users/ingychoi/Study/lecture-frontend-dev-env/node_modules/style-loader/dist/index.js:19:24) @ ./src/app.js 2:0-20 📌 문제 상황 webpack에서 loader 설정 시 TypeError: this.getOptions 에러 발생 아래는 webpack config 파일이고 css-loader , style-loader,.. 2023. 2. 13. @emotion/css error 에러 in React - you have tried to stringify object returned from css function error message You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used. You have tried to stringify object returned from css function. It isn't supposed to be used directly (e.g. as value of the className prop), but rather handed to emotion so it can h.. 2022. 6. 29. [React 오류] A component is contentEditable and contains children managed by React 😮 문제 상황 index.js:1 Warning: A component is contentEditable and contains children managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional. div contentEditable 내부에 component를 넣으니 React 오류 발생 아래와 같은 형태 import React, { ReactElement } from "react"; function TestComponent ({children}):ReactElement{ .. 2022. 6. 28. Bitbucket 여러 계정 SSH key 설정 : git@bitbucket.org: Permission denied (publickey). - Mac 오류 상황 git@bitbucket.org: Permission denied (publickey). Bitbucket에 있는 프로젝트를 clone시 발생한 오류 등록되진 않은 기기에서 clone, push 가 일어날 때의 인증오류 ssh를 등록하지 않아 접근권한이 없는 상태로 clone,push를 해서 그렇다! 그렇다면 ssh key를 생성하고 등록해보자! + 필자는 개인용, 회사용 구분을 위해 계정 여러개를 생성했어요! 1. ssh key 생성 > 엔터 ssh-keygen -t rsa -C "이메일" 2. 키 생성 2-1) 키 이름 기본으로 설정 시 (id_rsa) > 엔터 Generating public/private rsa key pair. Enter file in which to save the .. 2022. 3. 27. OAuth scope로 인한 Create a repository webhook error - 특정 repository에 webhook 생성 오류 문제 상황 특정 repo에 webhook 생성요청을하면 create가 안되고 error 발생 해결 전 createWebhook : repo주인 이름, repo명, token을 넣어 webhook 생성 POST 요청 함수 🔗 Github Docs - Create a repository webhook 참고 const createWebhook = (owner: string, repo: string, token: string) => { return axiosApi( { url: `/repos/${owner}/${repo}/hooks`, method: 'POST', data: postData }, token ); }; 사용자는 을 하는 과정에서 오류가 발생한 것!! Github아이디로 로그인 > 본인 repo중 .. 2022. 3. 9. [git 오류] Bibucket ssh key 생성하기 - You are using an account password for Git over HTTPS 문제 상황 You are using an account password for Git over HTTPS. remote: Beginning March 1, 2022, users are required to use app passwords remote: for Git over HTTPS. remote: To avoid any disruptions, change the password used in your Git client remote: to an app password. remote: Note, these credentials may have been automatically stored in your Git client remote: and/or a credential manager such as G.. 2022. 2. 15. [ git ] 보안 취약점 알림 - We found potential security vulnerabilities in your dependencies. 문제 상황 We found potential security vulnerabilities in your dependencies. "종속 항목에서 잠재적인 보안 취약성을 발견했습니다." See Dependabot alerts를 click해서 들어가보았더니 패키지 버전에 문제가 있어 보이는것을 확인했다. 해결 방법 Insights -> dependencies의 문제가 된 package를 재설치 or upgrade한다. yarn upgrade ansi-regex yarn add ansi-regex 2022. 1. 18. [TS 에러] Property 'map' does not exist on type ''.ts(2339) 문제 상황 Property 'map' does not exist on type ' '.ts(2339) 배열이 아닌 ' ' 를 map으로 돌리려고 했더니 나타난 타입 오류 해결 방법 배열 타입이 아니었던 arr의 타입을 제대로 정해서 map을 돌려야 한다. 해결 전 interface Aprops { name: string; arr: arrData; } // 중략 {arr.map((li: any) => { // } 해결 후 interface Aprops { name: string; arr: arrData[]; } // 중략 {arr.map((li: any) => { // } 2021. 10. 13. 이전 1 2 3 4 다음 반응형
