【chart.js】「Uncaught TypeError: Cannot read property 'getContext' of null」을 해소하는 방법

안녕하세요!
고양이 조카( ＠고양이 r1234 )라고 합니다.

chart.js 을 사용하면 개발자 도구 콘솔에서 다음과 유사한 오류가 발생할 수 있습니다.



오류 메시지를 읽으면 getContext가 null로 표시됩니다.getContext 는 그래프 그리기의 시작 부분에서 호출됩니다.

window.draw_graph = -> 
    ctx = document.getElementById("myChart").getContext('2d')

여기서 에러가 나오고 있으므로, 이하와 같은 체크 처리를 넣어 주면, 에러는 나오지 않게 됩니다.

window.draw_graph = -> 
    if document.getElementById("myChart") == null
      return
    ctx = document.getElementById("myChart").getContext('2d')

앱을 사용하고 있는 분에는, 화면상에서 에러가 나오는 일은 없습니다만, 다른 javascript가 정상적으로 동작하지 않기도 했기 때문에, 이 처리를 넣어 두는 것을 추천합니다.

오류 메시지를 읽으면 turbolinks가 영향을 받는다는 것을 알 수 있으므로 공식 문서에 나타나지 않습니다.

Rails에서 개발하는 사람은 요주의입니다.

함께 읽고 싶다.

HTML도 모르는 초보자가, 독학으로 「투고형 SNS 서비스」를 만들었다고 진짜? 【193일간의 사투】

운영하는 PlayFab 전용 블로그
htps : // p p y y f b-s r. 이 m