jquery - Browserify Bootstrap jQuery 模式未定义不是一个函数

Question

文件:test.jsx 使用 Gulp 和 Browserify 编译为 bundle.js。

文件:test.jsx:

var $ = require('jquery');

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

在浏览器中加载页面时出现此错误:

Uncaught TypeError: undefined is not a function 

在这一行:

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

我不知道出了什么问题。 :/

$.ajax 工作正常，所以我假设 jQuery 已正确加载。

Bootstrap 使用脚本标签包含在 html 中，并且我已经检查了模态的 ID。

我有一个按钮，单击后会打开该模式:

<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 文件的加载位置以及脚本的加载位置。我遇到了同样类型的问题，我也检查了。它解决了我的问题。您可能需要检查一下。希望这有帮助