MutationObserver がローカルホスト上で正しく動作しない
<p><strong>TL;DR: 何らかの理由で、私のページでは MutationObserver がまったく起動しません。同じコンソール スニペットは他のページでは機能しますが、ローカルホストで実行すると機能しません。 </strong></p>
<p>私は、webpack で構築され、localhost 上で実行される標準的な React SPA に取り組んでいます。 </p>
<p>現在、自分のページで https://github.com/KingSora/OverlayScrollbars を使用しようとしていますが、ほとんど正常に動作しますが、コンテンツの変更を自動的に検出できないようです。
いくつかのデバッグを行った結果、内部で使用されている MutationObserver がまったく起動しないことに気付きました。 </p>
<p>その後、さらに調査を開始し、ページで次のコード スニペットを使用しました。
<pre class="brush:js;toolbar:false;">let obs = new MutationObserver(changes => console.log('changes:',changes));
obs.observe($0, {
属性: true、
属性古い値: true、
サブツリー: true、
childList: true、
文字データ: true、
});
</pre>
<p>しかし、ノード ($0) やその他の子ノードをどのように変更しても、オブザーバーは起動しません。 </p><p>
<strong>ただし、同じコード スニペットを他のページで使用することはまったく問題ありません。 </strong></p>
<p>これがどのようにして起こったのかまったくわかりません。そのため、助けやアイデアだけでもいただければ幸いです。 </p>