使用toastr.js时，toastr是未定义的

Question

我正在尝试将烤面包机引入我的应用程序。 我做了一些非常简单的事情：

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

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

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

我看到Toastr已加载到Chrome中，但是当我从ViewModel调用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，因为错误消息来自于它。

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

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

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