Kendo，ASP.NET Core - 未捕获的 ReferenceError：未定义剑道答案

【问题标题】：Kendo, ASP.NET Core - Uncaught ReferenceError: kendo is not definedKendo，ASP.NET Core - 未捕获的 ReferenceError：未定义剑道
【发布时间】：2017-07-12 15:38:42
【问题描述】：

我已经开始使用 Kendo + ASP.NET Core。我按照本教程 http://docs.telerik.com/aspnet-core/getting-started/getting-started#configuration-Add 进行操作，但出现错误：Uncaught ReferenceError: kendo is not defined。

头

    <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="/css/site.css" />
    <link rel="stylesheet" href="/lib/kendo-ui/styles/kendo.common-nova.min.css" />
    <link rel="stylesheet" href="/lib/kendo-ui/styles/kendo.nova.min.css" />

身体

<h2>Kendo UI DatePicker</h2><input id="datepicker" name="datepicker" type="text" value="" /><script>kendo.syncReady(function(){jQuery("#datepicker").kendoDatePicker({"format":"dd.MM.yyyy","footer":false});});</script>
    <script src="/lib/jquery/dist/jquery.js"></script>
    <script src="/lib/bootstrap/dist/js/bootstrap.js"></script>
    <script src="/js/site.js?v=EWaMeWsJBYWmL2g_KkgXZQ5nPe-a3Ichp0LEgzXczKo"></script>
    <script src="/lib/kendo-ui/js/kendo.all.min.js"></script>
    <script src="/lib/kendo-ui/js/kendo.aspnetmvc.min.js"></script>

【问题讨论】：

您在定义之前调用了剑道脚本。将 kendo js 文件向上移动到 HEAD。

标签： asp.net kendo-ui

【解决方案1】：

如果我在 ASP.NET Core 中使用 Kendo UI，我个人喜欢将所有这些脚本放在 head 标记中。

由于 ASP.NET Core 中的代码太多，我将它们放在单独的 Partial 类中。 例如，_StylesScriptsPartial.cshtml

<environment names="Development">
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css"/>
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap.min.css" />
    <link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.common-bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css"/>

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
    <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="~/lib/kendo-ui/js/kendo.all.min.js"></script>
    <script src="~/lib/kendo-ui/js/kendo.aspnetmvc.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
</environment>

在_layout.cshtml内，

@await Html.PartialAsync("_StylesScriptsPartial")

另一个技巧是将 Kendo UI 添加为 Local NuGet 包，这比手动引用 DLL 更容易。

Add NuGet Packages

【讨论】：