inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

2510

정형섭

작성한 질문수 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

화면구성

0

7

1

<div id="banner">배너 이미지</div> 관련 질문

0

9

1

fatal: repository 'https://github.com/gymcoding/my-marketplace.git/' not found

0

16

2

live server, korean 을 검색해도 아무것도 나오지 않음

0

17

1

커서질문

0

24

1

강의자료

0

20

1

SUPABASE에서 AOI 선택여부

0

21

2

클로드 코드 터미널 사용시 git, git 허브 활용 법

0

23

1

mcp.json파일 생성 X

0

23

2

강의 내용이 정신이없네요 ;;

0

47

2

제 컴퓨터에서는 Claude's plan이 아래와 같이 나오는데 괜찮은 건가요?

0

30

2

강의에서 사용하는 prompt

0

27

2

window 11 환경 + git bash 터미널 statusline 반영이 안됩니다 ㅠ

0

30

2

강사님 질문있습니다.

0

22

1

프로젝트를 커밋할때 알려주세요

0

29

1

작업결과물이 수업내용의 화면이 좀 다르네요

0

39

2

강의 도중 에러가 발생합니다.

0

34

2

사진과 같이 영상에 한글이 실시간으로 영어로 번역되어 보입니다

0

37

2

커밋버튼 비활성화

0

33

2

Cursor 질문

0

25

2

웹사이트 구축 질문

0

39

1

플러그인, git repo 설치 및 삭제

0

32

1

162 자료

0

23

2

supabase mcp로 테이블 생성 보여주실떄

0

31

2