在 ASP.NET Core 中使用 Javascript 文件答案

【问题标题】：Using Javascript files in ASP.NET Core在 ASP.NET Core 中使用 Javascript 文件
【发布时间】：2017-08-05 23:40:47
【问题描述】：

在 VS2015 中的 ASP.NET Core RC2 应用程序中，我使用了使用以下 Javascript 文件的可折叠列表组的 following example。如果我使用以下脚本，该示例在 Visual Studio 中运行良好。但是当我使用 ASP.NET Core 应用程序中安装的默认 javascipts 时（即<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script> 和 <script src="lib/jquery/dist/jquery.min.js"></script>) 同样的例子不起作用。上述默认 Javascript 是否与以下不同。我可以在这些默认 Javascript 中添加什么以使相同的示例正常工作？：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

更新上面的示例 html 文件在我的 ASP.NET Core 项目中的位置如下所示，我的 html 文件的标题如下所示：

<html>
<head>
    <meta charset="utf-8" />
    <link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
    <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="lib/jquery/dist/jquery.min.js"></script>
    <title>SideBar demo</title>
</head>
<body>
...
</body>
</html>

我在 VS2015 的 ASP.NET Core 项目中的 Html 文件位置：

我的 bower.json 如下：

{
  "name": "asp.net",
  "private": true,
  "dependencies": {
    "jquery": "2.2.3",
    "jquery-validation": "1.15.0",
    "jquery-validation-unobtrusive": "3.2.6",
    "bootstrap": "3.3.6"
  },
  "resolutions": {
    "jquery": ">=1.8",
    "jquery-validation": "1.15.0"
  }
}

【问题讨论】：

检查控制台中的错误，你会看到浏览器在哪里寻找文件。

标签： javascript twitter-bootstrap visual-studio-2015 asp.net-core

【解决方案1】：

不，两者都是一样的。前两个链接是下载的 bootstrap 和 jquery 文件，其余的是 bootsrap 和 jquery 的在线版本。

【讨论】：

但是同样的例子不适用于下载的引导和 jquery 文件。为了进一步清晰，我在帖子中添加了更新部分。
什么不起作用？ F12 有没有给你任何错误信息？
检查页面以通过 F12 或右键单击->检查来获取有关问题的任何信息。

【解决方案2】：

脚本可能已过时，请尝试更新 bower.config 文件。

【讨论】：

我已经浏览了链接。它仅显示如何添加 css 或 js 文件。我正在使用最新版本的ASP.NET Core CR2，它应该有最新的默认 js 和 css 文件。
在 bower.config 中使用的是哪个版本的 jquery 和 bootstrap？
不知道 VS2015 项目中是否存在 bower.config 以及它是什么。但我添加了 UPDATE 2 供您显示 bower.json 文件。
存在，在你项目的根目录下。编辑：这不是 bower.config，它是 bower.json，我的错误。
将 jquery 依赖更新到 1.12.2 版本，它应该可以工作了。

【解决方案3】：

我已将问题解决如下：

我也使用 Chrome 开发者按照this user 的建议查看控制台，发现以下错误消息：Error: Bootstrap's JavaScript requires jQuery
然后我跟着this user's suggestion在加载引导文件之前加载jquery.js文件

【讨论】：