javascript - 未捕获的 ReferenceError：未定义 toastr

Question

我正在尝试在我的 .NET Core 3.1 项目中使用 toastr 库。

我添加了客户端库

我还在 .cshtml razer 文件的 head 标记中包含了引用：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<link href="~/lib/toastr.js/toastr.css" rel="stylesheet" />
<script src="~/lib/toastr.js/toastr.min.js"></script>
<script src="~/lib/jquery/jquery.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

我面临的问题是当我尝试使用上面的 toastr 时出现错误“未捕获的引用错误：toastr 未定义”

<script> toastr.success("s");</script>

任何建议，将不胜感激！

标签： javascriptjqueryrazorclienttoastr

Answer 1

可能是您在完全定义之前尝试运行 toastr。它在这里工作正常：

<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script> toastr.success("s");</script>