Выпадающий список не работает, если включены только отдельные файлы Bootstrap - PullRequest
0 голосов
/ 09 июня 2019

Я бы хотел включить только файлы 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 }));

});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...