기술나눔

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

운영 환경:뷰3제이에스

오류 내용:오류
ResizeObserver 루프가 전달되지 않은 알림으로 완료되었습니다. handleError(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58)에서 eval(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:318:7)에서

오류 이유: "전달되지 않은 알림으로 인해 ResizeObserver 루프가 완료되었습니다"는 일반적으로 브라우저의 ResizeObserver API와 관련이 있습니다. 이 오류는 일반적으로 ResizeObserver의 콜백 함수가 페이지 또는 요소 크기 변경을 처리할 때 많은 수의 리플로우 또는 다시 그리기를 트리거하고 이러한 작업이 차례로 더 많은 크기 변경을 트리거하여 무한 루프 또는 최소한 매우 비효율적인 루프를 형성할 때 발생합니다.

Ant Design Vue의 테이블 컴포넌트(a-table)를 사용하고 있기 때문에 필요에 따라 테이블 너비를 조정해야 하는데, 크기가 변경될 때 테이블을 다시 계산하거나 다시 렌더링하려고 할 때 이 오류가 보고될 수 있습니다.(웹팩은 창 크기를 조정할 때 오류를 보고합니다)

해결 방법: vue.config.js 파일에 다음 내용을 추가합니다(추가한 후 프로젝트를 다시 시작하면 됩니다).

고객: {

오버레이: 거짓

 },

! ! ! 알아채다: 오버레이가 false로 설정되면 Webpack이 컴파일 중에 오류나 경고가 발생하더라도 이러한 정보는 브라우저 페이지에 오버레이로 표시되지 않습니다.이는 다른 방법(예: 브라우저 콘솔 또는 Webpack의 터미널 출력 확인)을 통해 이러한 오류 메시지를 가져와야 함을 의미합니다.