Выдает ошибку, когда прогоняю код через webpack?

Question

[Alexander9229]

Не могу понять в чем дело.
Когда прогоняю код через webpack, на выходе в консоли браузера выдает ошибку

Ругается на этот кусок кода.

burger.addEventListener( `click`, () => {
        burger.classList.toggle( `burger--active` );
        headerBottom.classList.toggle( `scroll` );
    });

    const burgerElem = burger.classList.contains( `burger--active` );
    if ( !burgerElem ) {
        burger.addEventListener( `click`, () => {
            document.querySelectorAll( `.open` ).forEach( item => {
                item.classList.remove( `open` );
            });
            document.querySelectorAll( `.sub-nav` ).forEach( item => {
                item.style.display = `none`;
            });
        });
    }

Подскажите, в чем проблема?

Comments

[Egor Varenik]

Нужно больше информации. Могу только сказать, что после обработки вебпаком переменная burger становится равна null (как если бы, к примеру, она искалась по document.getElementById('несуществующийid')). Можешь скинуть html и собранный js?

[Дмитрий Беляев]

webpack скорее всего ни при чем
откуда появляется переменная burger?

Answer 1

[Alexander9229]

Понял в чем была ошибка, я не перенес файлы html в сборщик.
Соответственно он не находил их и выдавал ошибку