Tengo un problema. Cuando hace clic en el botón, el texto debe enviarse a la consola. Pero se emite varias veces.

 const headerNavigation = document.querySelector('.open-header'); headerNavigation.addEventListener('click', () => { console.log('ok') })

Uso gulp con webpack-stream, este problema solo ocurre cuando gulp está habilitado. Si abro index.html desde el administrador de archivos, entonces todo funciona bien para mí.

Aquí está la tarea

 function scripts () { return src('app/js/app.js') .pipe(webpack({ mode : 'production', performance: { hints: false }, output : { filename : 'app.min.js' }, module : { rules : [ { test : /\.js$/, exclude : /(node_modules)/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'], plugins: ['babel-plugin-root-import'] } } // query: { // presets: ['@babel/env'], // plugins: ['babel-plugin-root-import'] // } } ] }, optimization: { minimize: true, splitChunks : { chunks : 'all' } }, })) .pipe(dest('app/js')) .pipe(browserSync.stream()) }

Usando el método poke, me di cuenta de que el problema está en la sincronización del navegador. Me aconsejaron cambiar browser Sync.stream() al browser Sync.reload() , pero solo recibo un error

te estare muy agradecido si me puedes ayudar