Storybook: @ स्टोरीबुक / html 5.0.1 कहानी लोड पर स्क्रिप्ट नहीं चला सकता, उर्फ ​​'DOMContentLoaded' अब मदद नहीं करता है

कोई बात नहीं, हल किया

@ BennZ28 क्या समाधान था?

@ शीलमैन वास्तव में मैंने इसे हल नहीं किया है, मैंने स्क्रीन के सामने बहुत घंटों के बाद किया था, लेकिन मैं गलत था।

तो, किसी भी मदद की अभी भी सराहना की!

जब भी 'पेज' परिवर्तन, वर्ष div#root अंदर तत्व iframe निकाल दिया जाता है और एक नया जोड़ा गया है। आप इस सुविधा का उपयोग कर सकते हैं और पेज को बदलने पर हर बार फ़ंक्शन चलाने के लिए MutationObserver साथ इसे जोड़ सकते हैं।

अपने preview-head.html , आप जोड़ सकते हैं:

function runOnInit() {
  console.log('Init')
}
function runOnPageChange() {
  console.log('Page has changed!')
}
document.addEventListener('DOMContentLoaded', function() {
  runOnInit();
  const callback = function(mutationsList) {
    for (let i = 0, len = mutationsList.length; i < len; i++) {
      if (mutationsList[i].type == 'childList') {
        runOnPageChange();
        break;
      }
    }
  };

  const observer = new MutationObserver(callback);
  const config = { childList: true, subtree: false };
  observer.observe(document.getElementById('root'), config);
}, false);

यह समझने के लिए कि MutationObserver काम करता है, कृपया MDN प्रलेखन देखें।

🙏

@ BennZ28 क्या समाधान था?

वर्कअराउंड बहुत जटिल है, क्यों स्टोरीबुक को डोम ट्री में जोड़े जाने के बाद कॉलबैक प्रदान नहीं किया जाता है?