inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

2526

정형섭

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

12

1

tsconfig.app.json 파일 설정(경로 별칭 옵션) 관련 질문입니다.

0

13

1

output style이 안나와요

0

17

1

강의제목에 10/15일 삭제라고 나와있는데,

0

34

1

CRA ? 질문입니다

0

29

1

교제 노션 복제 방법 문의

0

24

1

output style은 뭘선택하나요?

0

28

0

agent team vs shrimp task manager

0

27

1

rules 질문

0

32

1

eslint 플러그인 설정

0

55

2

onSettled 질문드립니다.

0

56

2

shrimp task 관련 질문

0

52

2

계획 단계

0

45

2

저는 클로드 로고가 안떠 있어요 ㅜㅜ

0

47

2

terminl을 사용해서 cursor 명령어 입력하는데 커서가 실행되다가 자동으로 꺼집니다 왜그럴까요?

0

41

2

커서가 강의화면이랑 달라요!

0

42

2

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

51

2

강사님 플랜보드 보면서 느끼는건데

0

57

2

tdd green agent 에서 문의 드립니다.

0

46

2

강의 설명 중에 헷갈리는 것이 있네요

0

47

1

22강 [토큰 저장] 질문

0

52

1

클로드 사용 오류

0

74

3

음성불량

0

44

1

generateStaticParams() 응용 질문 드립니다.

0

66

2