javascript - 使用 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 中加载，但是当我从 View 模型调用 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是从它来的。

并且不匹配的匿名define()模块意味着toaster.js被定义为匿名模块，但它不是通过require.js加载的。 em> 模块加载机制。

因此，针对您的情况，有两种解决方案:

• 如果您使用require.js，请使用它来加载toaster.js
• 如果不打算使用 require.js，只需从页面中删除引用，toaster.js 就会正常加载