핫 새로고침 시 프로세스가 정의되지 않음

핫 새로고침 시 프로세스가 정의되지 않음

리액트 앱으로 만든 리액트 앱이 있는데 핫 새로고침으로 페이지가 완전히 사라집니다.

Uncaught ReferenceError: process is not defined

이상한 것은, 지금까지 전혀 눈치채지 못했던 iframe이 주입된 것 같습니다.

이 iframe은 새로고침과 동시에 DOM에 추가되어 페이지가 파손되고 갱신이 금지됩니다.iframe-bundle.js에 대한 문서를 온라인으로 찾을 수 없습니다.

편집: 노드 모듈과 의심스러운 Import를 삭제하려고 했습니다(일시 설치했습니다).craco이전)을 참조해 주세요.여전히 같은 문제입니다.정말 짜증나!

편집 2: 그 iframe을 삭제하면 모든 것이 정상으로 돌아오는 것 같습니다.즉, 페이지가 갱신되어 상호 작용할 수 있습니다.

응용 프로그램을 CRA(React-Scripts) v5로 업그레이드하려면npm i react-scripts@latest이 문제를 해결합니다.

종속성이 호환되지 않거나 노드 버전 < 14가 필요하여 앱을 업그레이드할 수 없는 경우 다음과 같은 해결 방법을 시도해 보십시오.

1. CRA 4로 되돌립니다.npm i --save-exact react-scripts@4.0.3
2. 개발 의존관계로서 react-error-overlay를 추가합니다.npm i --save-dev react-error-overlay@6.0.9
3. 그런 다음 패키지에 다음 행을 추가합니다.json

"resolutions": {
  "react-error-overlay": "6.0.9"
},

4. 사용하시는 경우NPMpackage-lock.json 파일을 강제로 6.0.9를 사용하여npx npm-force-resolutions

   사용하시는 경우Yarn, 그냥 실행해 주세요.yarn install해결 방법이 적용되어 문제가 해결됩니다.

자세한 것은, https://github.com/facebook/create-react-app/issues/11773 를 참조해 주세요.

난 그걸 고쳤어.두 가지 일을 했어요.

• npm을 최신으로 갱신
• react-script를 최신 버전으로 업데이트

누가 고쳤는지 모르겠어요.

저도 최근에 이런 일이 있었어요.잘 되도록 몇 가지 일을 했어요이것도 시도해 보세요.

• react-script 버전을 package.json 내부 4.0.3으로 변경합니다.

• 패키지에 추가합니다.json, 의존관계 아래에 있습니다.

"해결책": {"param-error-display": "6.0.9"},

• devDependencies 내에 react-error-overlay v6.0.9를 설치합니다.

• node_modules 및 package-lock.json을 삭제합니다.

• npm install을 실행하여 동작하는 것을 확인합니다.

주의: 위의 절차를 수행한 후 이 문제를 수정하기 위해 npm install react-error-overlay@6.0.9를 다시 실행해야 했습니다.

react-scripts 버전이 ^4.0.3인지 확인한 후 다음 명령을 사용하여 react-error-overlay를 Devendencies로 설치하십시오.

npm i -D react-error-overlay@6.0.9NPM에

yarn add -D react-error-overlay@6.0.9온 얀

위의 답변을 시험해 봤지만, 그 중 어느 것도 문제를 해결하지 못했습니다.이 문제를 해결하기 위해 제가 한 일은 다음과 같습니다.

1. node_modules 삭제
2. -> " clearing clearing>>> ->npm cache clean --force
3. version 설치 -> 최신 react-module 버전 설치npm i react-scripts@latest

언급URL : https://stackoverflow.com/questions/70357360/process-is-not-defined-on-hot-reload