TL;DR: 어떤 이유로 MutationObserver가 내 페이지에서 전혀 실행되지 않습니다. 동일한 콘솔 조각이 다른 페이지에서는 작동하지만 내 로컬 호스트에서 실행될 때는 작동하지 않습니다.
<시간>시간>저는 webpack으로 구축하고 localhost에서 실행되는 표준 반응 SPA를 작업하고 있습니다.
지금은 내 페이지에서 https://github.com/KingSora/OverlayScrollbars를 사용하려고 하는데 대부분 잘 작동하지만 콘텐츠 변경 사항을 자동으로 감지할 수 없는 것 같습니다. 일부 디버깅을 통해 내부적으로 사용되는 MutationObserver가 전혀 실행되지 않는 것을 확인했습니다.
그런 다음 추가 조사를 시작했고 내 페이지에 다음 코드 조각을 사용했습니다.
let obs = new MutationObserver(changes => console.log('changes:',changes)); obs.observe($0, { 속성: 사실, attributeOldValue: 참, 하위 트리: 사실, childList: 사실, 문자데이터: true, });
그러나 노드($0)나 다른 하위 노드를 어떻게 수정하더라도 관찰자는 결코 실행되지 않습니다.
그러나 다른 페이지에서 동일한 코드 조각을 사용하는 것은 전혀 문제가 되지 않습니다!
이제 어떻게 이런 일이 일어났는지 전혀 모르겠습니다. 어떤 도움이나 아이디어라도 주시면 대단히 감사하겠습니다!
알겠습니다. 이것은 "컴퓨터를 다시 시작해 보셨나요?"라는 전형적인 사례입니다. 이 경우에는 Chrome입니다.
이 동일한 코드 조각은 Chrome을 다시 시작하자마자 작동하기 시작했습니다(새 탭을 여는 것만으로는 충분하지 않았습니다. Chrome을 완전히 다시 시작해야 했습니다).
Chrome의 일부 문제로 인해 버그가 발생하고 내 페이지의 관찰자가 작동하지 않는 것 같습니다. 이제 계속해서 잘 작동하길 바랍니다. :-/