使用toastr.js时toastr未定义

Question

我正在尝试将toastr引入我的应用程序中。我做了一件非常简单的事情：

     bundles.Add(new ScriptBundle("~/Content/example-scripts").Include(
            "~/Areas/Examples/Scripts/vendor/*.js"
                   ));

该文件夹包含toastr.js的位置。然后在我看来：

   @Scripts.Render("~/Content/example-scripts")

我看到toastr被加载到Chrome中，但是当我从我的视图模型调用toastr时：

$(document).ready(function () {
    toastr.success('sup');
    ko.applyBindings(new ViewModel());
});

我得到以下错误：

Uncaught Error: Mismatched anonymous define() module: function ($) {
        return (function () {
            var version = '2.0.1';
            var $container;
            var listener;
            var toastId = 0;
            var toastType = {
                error: 'error',
                info: 'info',
                success: '...<omitted>...ch require.js:166
Uncaught ReferenceError: toastr is not defined sampleVm.js:36

我做错了什么？

Answer 1

您似乎正在使用require.js，因为error message来自它。

Mismatched anonymous define() module意味着toaster.js被定义为匿名模块，但它不是通过require.js模块加载机制加载的。

因此，在您的案例中有两种解决方案：

• 如果您使用的是require.js，请使用它来加载toaster.js
• 如果它不打算使用require.js，只需从您的页面中移除引用，toaster.js就可以加载