요약

우선 전부의 script 태그에 defer에서도 붙여 본다

문제

화면이 깔끔하고 개발자 도구 콘솔에 Uncaught TypeError: Cannot read property 'nodeType' of null

상황

<!DOCTYPE html>
<html lang="ja">
  <head>
    <script type="text/javascript" src="/elm.js"></script><!-- elm makeで生成したやつ -->
    <script type="text/javascript" src="/index.js"></script><!-- この中でElm.Main.initしてる -->
  </head>
  <body></body>
</html>

별로 없다고 생각하지만 어떤 상황
Elm의 코드를 JS 측에 붙여도 함께

해결책

1 defer

<!DOCTYPE html>
<html lang="ja">
  <head>
    <script type="text/javascript" src="/elm.js" defer></script>
    <script type="text/javascript" src="/index.js" defer></script>
  </head>
  <body></body>
</html>

최소한 Elm.main.init 하는 쪽에는 defer 붙일 필요가 있습니다

2 아래쪽에 놓기

<!DOCTYPE html>
<html lang="ja">
  <head>
    <script type="text/javascript" src="/elm.js"></script>
  </head>
  <body><script type="text/javascript" src="/index.js"></script></body>
</html>

defer는 모르는 사람에게 추천

원인

따로따로 Elm 관계없다. DOM을 마운트 할 때 제대로 대상 DOM이 존재하는지 여부

js의 퍼스라든가 DOM의 할 수 있는 타이밍이라든지 여러가지 있지만 자세한 것은 다른에서 조사해 주세요. 중요한 것은 DOM이 된 후에 init
defer는 js의 실행을 DOM이 된 후에 하기 때문에
세부 사항을 신경 쓰지 않으면 아무 것도 어렵지 않습니다.

Reference

이 문제에 관하여(Uncaught TypeError: Cannot read property 'nodeType' of null(in Elm)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/miyamo_madoka/items/dca540d74a7d2ea0ac2d

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다