Browserify Bootstrap jQuery modal undefined не является функцией

Question

Файл: test.jsx компилируется в bundle.js с использованием Gulp и Browserify.

Файл: test.jsx:

var $ = require('jquery'); 

$("div#addTagModal").modal("hide"); 

В браузере, когда я загрузить страницу, я получаю эту ошибку:

Uncaught TypeError: undefined is not a function 

На этой линии:

$("div#addTagModal").modal("hide"); 

Я не имею ни малейшего понятия, что неправильно. :/

$.ajax работает нормально, поэтому я предполагаю, что jQuery загружен правильно.

Bootstrap включен в html, используя тег скрипта, и я проверил идентификатор модального.

У меня есть кнопка, которая когда-то щелкнул открывает, что модальность:

<button className="btn btn-success" data-toggle="modal" href="#addTagModal" type="button"> 
    <i class="icon-plus"></i> 
</button> 

Любые идеи?

Это мой глоток задача:

gulp.task('browserify', function() { 
gulp.src('app/assets/js/main.js') 
    .pipe(browserify({ 
     debug : true, 
     transform: ['reactify'] 
    })) 
    .on('error', gutil.log) 
    .pipe(rename('public/js/bundle.js')) 
    .pipe(gulp.dest('./')) 
}); 

И в main.js У меня есть этот код:

var app = require('./test.jsx'); 

Answer 1

Проверьте файл загрузка. Где загружается файл bootstrap.js и загружается ваш скрипт. Я столкнулся с тем же типом проблемы, и я тоже проверил. Это решило мою проблему. Возможно, вам придется проверить. Надеюсь, это поможет