Подскажите, пожалуйста. Столкнулся с такой проблемой: начал переносить разработку сайта под webpack, сделал стандартный конфиг, всё хорошо работает, кроме одной детали, связанной с dev-server. Есть функционал при клике:
**if(target.classList.contains("burger")) {
let burgerMenu = document.querySelector(".menu__wrapper");
let burger = document.querySelector(".burger");
burger.classList.toggle("active");
burgerMenu.classList.toggle("active");
}**
Если пробовать протестировать это всё не на dev-server, то код отрабатывает хорошо. Но как только я запускаю dev-server, при том же клике будто бы срабатывает ещё один неизвестный мне клик от vm. .(выводил target при клике, здесь мышью сделан всего один клик).
Из-за чего класс active через тогл сразу и добавляется, и убирается, оставляя страницу без перемен. Каким образом можно от этого избавиться?
main.js
подключен к странице дважды (не обязательно буквально, он может и через импорты попадать в итоговый скрипт страницы). Поэтому, стоит проверить отсутствие подключения js-файла в разметке - если конфиг webpack'а типовой (настроен так как обычно рекомендуют в статьях и т.д.), то сборщик сам вставляет скрипты в страницу, и явно подключать их в разметке документа не требуется.