3

我正在尝试将 Bootbox 与 RequireJS 一起使用，但每次出现此错误时：

ReferenceError：未定义引导箱

我用依赖项配置了 RequireJS：

var
bowerLocal = "../../../bower_components/",
asstsLocal = "../../assets/";

requirejs.config({
    paths: {
        "jquery": bowerLocal + "jquery/dist/jquery.min",
        "jquery.bootbox": bowerLocal + "bootbox/bootbox",
        "jquery.bootstrap": bowerLocal + "bootstrap/dist/js/bootstrap.min",
        "jquery.elevateZoom": bowerLocal + "elevatezoom/jquery.elevateZoom-2.2.3.min",
        "jquery.maskedInput": bowerLocal + "jquery-maskedinput/dist/jquery.maskedinput.min"
    },
    /**
     * Define as dependências de bibliotecas.
     */
    shim: {
        "jquery.bootstrap": {
            deps: ["jquery"]
        },
        "jquery.elevateZoom": {
            deps: ["jquery"]
        },
        "jquery.maskedInput": {
            deps: ["jquery"]
        },
        "jquery.bootbox": {
            deps: ["jquery", "jquery.bootstrap"],
            exports: 'bootbox'
        }
    }
});

require(
    ["jquery", "jquery.bootstrap", "jquery.bootbox", "jquery.maskedInput", "jquery.elevateZoom"],
    function (util) {

bootbox.alert("Hi");
}
...
4

2 回答 2

1

我认为在@Pushker 的回答中，他输入define了他真正想输入的位置require：

require(["bootbox"], function(bootbox) { bootbox.alert("Hello Bootbox"); });

（他还把 a 打错}了{。

此外，当有多个依赖项时，您还应该在 AND 中将它们指定为函数的参数，require确保它们与字符串数组参数中的顺序相同。比如像这样：

require(["jquery", "jquery.bootstrap", "jquery.bootbox", ...], function(jquery, bootstrap, bootbox, ...) { bootbox.alert("Hi"); } ... });

检查我的小提琴以获取有效的 Bootbox 示例：http: //jsfiddle.net/bartvanderwal/L1emr4up/

于 2014-11-19T15:14:27.567 回答
1

在 AMD 模式下，bootbox 没有在窗口上定义，您必须自己定义它，所以在执行以下操作后，它现在可以工作了。

define(["bootbox"], function(bootbox){
 bootbox.alert("Hello Bootbox");
});

当然路径是在 中定义的require.config()，这将起作用。

于 2014-04-28T06:02:32.720 回答