inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

react 저장 시 iframe 강제 재생성 문제

2506

정형섭

작성한 질문수 1

0

create react app을 통해 프로젝트를 진행 중입니다.
 
원래 컴퓨터에서는 프로젝트가 정상적으로 작동 되었는데, 다른 컴퓨터에서 git clone을 받아 npm install 후 npm start 진행하니,
 
1. Cannot read property 'tap' of undefined
상기와 같은 에러가 발생하여 검색해보았더니, webpack version문제라고 나와 5버전에서 4버전으로 내려주었습니다.
 
2. <iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;"></iframe>
그 후 리액트를 실행하고, 저장할 때마다 iframe이 자동으로 주입되어 홈페이지의 click을 막습니다. 혹시 이와같은 문제를 겪으시는 분들 중에 해결하신 분이 계실지요...?
 
원래는 다른 컴퓨터에만 문제 발생하였는데, 이제 작업하던 원래 컴퓨터에까지 발생하기 시작했습니다.
 
저는 임시 방편으로나마 css에서 ifame display none 시키고 작업중인데, 무슨 이유로 생기는 오류인지 모르겠습니다.

react iframe z-index:2147483649

답변 1

1

Beygee

현재 create-react-app 의 react-scripts  버그입니다 

https://github.com/facebook/create-react-app/issues/11773

 

대응 방법은 다음과 같습니다. 

until a fix is final, for anyone using npm(not yarn) the solution is this:
add to package.json:
"resolutions": { "react-error-overlay": "6.0.9" },
"scripts":{ "preinstall": "npx npm-force-resolutions", .... },
"devDependencies":{ "react-error-overlay": "6.0.9", ... }

and then do an

npm install

agents 관련 질문입니다!

0

11

0

plan 모드 결과에 대해

0

12

1

VSCode 설정 문의

0

8

1

클로드 계정 변경

0

12

1

(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의

0

8

0

114강. Playwirght MCP 관련 질문

0

11

1

main 브랜치 develop 브랜치

0

11

1

codex로 적용해도 큰 문제 없을까요?

0

20

1

강의 자료는 어디서 다운 받나요?

1

15

2

수료증 질문 드립니다.

0

19

1

클로드코드 환경변수 설정

0

13

1

클로드코드 삭제 후 재설치

0

17

2

점점 매너리즘에 빠지게 됩니다..?

0

26

0

이해가 절반 정도 되는데요.

0

19

1

bash 명령어가 너무 많아요..

0

30

1

createPointTransactionOfLoading 에러

0

17

1

cursor화면이 좀 달라요 ㅜ

0

22

1

93~94강. 서브에이전트와 Shrimp Task Manager Plan과 차이

0

23

0

power shell에서는 claude가 정상 실행되는데, cursor terminal에서는 실행 에러 발생하네요.

0

17

1

live server, korean도 확장팩 검색이 되지 않습니다.

0

20

1

CLAUDE.local.md

0

20

1

55강 관련 질문(커밋이 완료되지 않을 때)

0

19

1

클로드 코드를 쓸때 Cursor IDE의 이점?

0

27

1

오류사항

0

41

3