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已正确加载。

使用脚本标记在html中包含了Bootstrap，我已经检查了模态的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文件的位置以及加载脚本的位置。我遇到了同样的问题，我也检查了。它解决了我的问题。你可能需要检查。希望这有帮助

Browserify Bootstrap jQuery modal undefined不是一个函数

1 个答案: