Я бы хотел включить только файлы Bootstrap JS для navbar, мне не нужны карусели и другие скрипты.
Это моя задача Gulp для объединения файлов JS, как вы видите, я включаю collapse, dropdown and util
файлы + мой файл.Когда я пытаюсь нажать на выпадающее меню navbar-toggler, не отображается, и я получаю эту ошибку в консоли
Uncaught TypeError: Cannot read property 'getSelectorFromElement' of undefined
Это работало нормально в течение последнего года до сегодняшнего дня, когда я сделал npm update
, теперь я не уверен, в чем проблема?Если я удаляю эти 3 файла и включаю только bootstrap.bundle
(в примере это закомментировано), то Navbar работает просто отлично.Как я могу это исправить?
const nodeFolder = './node_modules/';
const jsFolder = './assets/js/';
gulp.task('js', function () {
const jsFiles = [
nodeFolder + '/popper.js/dist/umd/popper.min.js',
//nodeFolder + '/bootstrap/js/dist/alert.js',
//nodeFolder + '/bootstrap/js/dist/button.js',
//nodeFolder + '/bootstrap/js/dist/carousel.js',
nodeFolder + '/bootstrap/js/dist/collapse.js',
nodeFolder + '/bootstrap/js/dist/dropdown.js',
//nodeFolder + '/bootstrap/js/dist/index.js',
//nodeFolder + '/bootstrap/js/dist/modal.js',
//nodeFolder + '/bootstrap/js/dist/popover.js',
//nodeFolder + '/bootstrap/js/dist/scrollspy.js',
//nodeFolder + '/bootstrap/js/dist/tab.js',
//nodeFolder + '/bootstrap/js/dist/toast.js',
//nodeFolder + '/bootstrap/js/dist/tooltip.js',
//nodeFolder + '/bootstrap/js/dist/scrollspy.js',
nodeFolder + '/bootstrap/js/dist/util.js',
//nodeFolder + '/bootstrap/dist/js/bootstrap.bundle.min.js',
jsFolder + '/main.js',
];
return gulp.src(jsFiles)
.pipe(prettyError())
.pipe(plumber({ errorHandler: onError }))
.pipe(concat('all.min.js'))
.pipe(uglify({
compress: true
}))
.pipe(gulp.dest('./assets/js/'))
.pipe(notify({ message: 'JS completed!', onLast: true }));
});