Storybook: @ storybook / html 5.0.1은 스토리로드시 스크립트를 실행할 수 없습니다. 일명 'DOMContentLoaded'는 더 이상 도움이되지 않습니다.

신경 쓰지 마, 해결됨

@ BennyZ28 해결책은 무엇

@shilman 사실 나는 그것을 해결하지 못했습니다. 화면 앞에서 너무 많은 시간을 보낸 것 같았지만 틀 렸습니다.

그래서, 어떤 도움이라도 여전히 감사합니다!

'페이지'가 변경 될 때마다 iframe 내의 이전 div#root 요소가 제거되고 새 요소가 추가됩니다. 이 기능을 사용하고 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 설명서 를 참조하십시오.

🙏

@ BennyZ28 해결책은 무엇

해결 방법이 너무 복잡합니다. 스토리 북이 dom 트리에 스토리를 추가 한 후 방금 호출 한 콜백을 제공하지 않는 이유는 무엇입니까?