jquery.js：无法加载资源 - 在loca上工作但在网站上没有

Question

问题：

此时我在加载需要jquery工作的页面时收到以下错误：

我已经检查过在本地工作时是否也发生这种情况，是的，它显示相同的错误消息，但jquery代码正常执行，这很奇怪。

验证

我已检查过该文件是否已加载到两个环境中。

对于在线项目：

似乎文件位于正确的位置，但是我点击文件夹后，地址中的名称显示为j Q uery，尽管文件夹名称为j q < /强> uery。我要感谢有关如何解决这个问题的任何建议。

更新

这是提出问题的观点之一。值得一提的是，jquery文件的引用来自_Layout.cshtml页面：

<environment names="Development">
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
    <script src="~/js/jquery.dataTables.min.js" asp-append-version="true"></script>
    <script src="~/js/dataTables.bootstrap.min.js" asp-append-version="true"></script>

    <script src="~/js/site.js" asp-append-version="true"></script>

</environment>

最后，这是示例视图的代码：

model IEnumerable<Application.Models.Store>
@using Application.Models
@{
    ViewData["Title"] = "Index";
}
@Html.Partial("_NavBar")
<h2>Tiendas</h2>

<div class="btn-group" id="modalbutton">
    <a id="createEditStoreModal" data-toggle="modal" asp-action="Create" data-target="#modal-action-store"
        class="btn btn-primary">
            <i class="glyphicon glyphicon-plus"></i>  Nueva Tienda
        </a>
</div>
<p></p>
<table id="stores" class="table table-bordered table-hover table-striped">
    <thead>
        <tr>
            <th>
                Tienda
            </th>
            <th>
                Dirección
            </th>
            <th>
                Área
            </th>
            <th>
                Distrito
            </th>
            <th>
                Cadena
            </th>
            <th>Editar</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>
                    @Html.DisplayFor(modelItem => item.StoreName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.StoreAddress)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.StoreArea)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.Districts.DistrictName)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.StoreChains.ChainName)
                </td>
                <td>
                    <div class="btn-group" id="modalbuttonedit">
                        <a id="editStoreModal" data-toggle="modal" asp-action="Create"
                            data-target="#modal-action-store" asp-route-id="@item.StoreID" class="btn btn-info">Edit</a>
                    </div>

                </td>
            </tr>}
    </tbody>
</table>

@Html.Partial("_Modal", new BootstrapModel
{
    ID = "modal-action-store",
    AreaLabeledId = "modal-action-store-label",
    Size = ModalSize.Medium
})
@section scripts{
<script src="~/js/store-index.js" asp-append-version="true"></script>
<script type="text/javascript">
    var global = this;
    var wasclicked = 0;

    $(document).ready(function () {

        document.getElementById("modalbutton").onclick = function () {
            global.wasclicked = 1;
        };

        $('#modal-action-store').on('hidden.bs.modal', function () {
            global.wasclicked = 0;
        });

        $('#modal-action-store').on('shown.bs.modal', function () {
            if (global.wasclicked == 1) {
                var items = "<option value='0'>-- Seleccione Distrito --</option>";
                $('#DistrictID').html(items);
            }
            $('#DepartmentID').change(function () {
                var url = '@Url.Content("~/")' + "Stores/GetDistrict";
                var ddlsource = "#DepartmentID";
                $.getJSON(url, { DepartmentID: $(ddlsource).val() }, function (data) {
                    var items = '';
                    $("#DistrictID").empty();
                    $.each(data, function (i, district) {
                        items += "<option value='" + district.value + "'>" + district.text + "</option>";
                    });
                    $('#DistrictID').html(items);
                });
            });
        });
    });
</script>

}

Answer 1

您尝试加载的文件位于lib/jquery/dist/文件夹中，拼写为j q uery，您正在浏览位于lib/jQuery/dist/拼写为j <的文件strong>问 uery。

拥有两个具有相同名称的文件并不是最佳做法，即使一个文件已大写，另一个文件不是。