Cannot read property 'querySelector' of null

문제 발생

video recorder를 만들고 homepage로 이동하자 error가 발생했다.

recordVideo.js:29 Uncaught TypeError: Cannot read property 'querySelector' of null

원인

모든 page에 <script src=video recorder>를 적용해서 발생한 문제

해결

// webpack

entry: {
    main: BASE_URL + "main.js",
    recordVideo: BASE_URL + "recordVideo.js",
    videoPlayer: BASE_URL + "videoPlayer.js",
  },

webpack entry에 recordVideo를 만들어 준다.

block recordVideo
    script(src="/assets/js/recordVideo.js") 

recordVideo page에만 script를 추가한다.