Fatal编程技术网
  • javascript/
  • Javascript asp.net核心引导在本地加载时不工作

Javascript asp.net核心引导在本地加载时不工作

javascript jquery css twitter-bootstrap asp.net-core

Javascript asp.net核心引导在本地加载时不工作,javascript,jquery,css,twitter-bootstrap,asp.net-core,Javascript,Jquery,Css,Twitter Bootstrap,Asp.net Core,我正在尝试在asp.net核心项目中使用引导。我安装了bootstrao owith bower。 这是我的鲍尔档案 { "name": "asp.net", "private": true, "dependencies": { "bootstrap": "3.3.7", "jquery": "2.2.0", "jquery-validation": "1.16.0", "jquery-validation-unobtrusive": "3.2.6",

我正在尝试在asp.net核心项目中使用引导。我安装了bootstrao owith bower。 这是我的鲍尔档案

{
  "name": "asp.net",
  "private": true,
  "dependencies": {
    "bootstrap": "3.3.7",
    "jquery": "2.2.0",
    "jquery-validation": "1.16.0",
    "jquery-validation-unobtrusive": "3.2.6",
    "font-awesome": "4.7.0",
    "metisMenu": "~2.2.0",
    "slimScroll": "~1.3.7",
    "pace": "~1.0.2",
    "angular2": "1.6.3"
  },
  "resolutions": {
    "jquery": ">= 1.7.2",
    "jquery-validation": "1.16.0"
  }
}
我创建了一个mvc项目，并使用了布局视图。 这是我正在使用的_布局

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>@ViewData["Title"] - .NET Core 1.0</title>

    <!-- Add local styles, mostly for plugins css file -->
    @if (IsSectionDefined("Styles"))
            {@RenderSection("Styles", required: false)}

    <environment names="Development">
        @*<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />*@
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

        <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css" />
        <link rel="stylesheet" href="~/lib/metisMenu/dist/metisMenu.css" />
        <link rel="stylesheet" href="~/css/animate.css" />
        <link rel="stylesheet" href="~/css/style.css" asp-append-version="true" />
    </environment>
    <environment names="Staging,Production">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
        <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="~/lib/metisMenu/dist/metisMenu.min.css" />
        <link rel="stylesheet" href="~/css/animate.css" />
        <link rel="stylesheet" href="~/css/style.css" asp-append-version="true" />
    </environment>
</head>
<body>
    <!-- Wrapper-->
    <div id="wrapper" class="@Html.PageClass()">
            <!-- Main view  -->
            @RenderBody()        
    </div>
    <!-- End wrapper-->

    <environment names="Development">
        <script src="~/lib/jquery/dist/jquery.js"></script>

        @*<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>*@
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

        <script src="~/lib/metisMenu/dist/metisMenu.js"></script>
        <script src="~/lib/slimScroll/jquery.slimscroll.js"></script>
        <script src="~/lib/pace/pace.js"></script>
        <script src="~/js/script.js"></script>
        <script src="~/lib/angular/angular.js"></script>
    </environment>
    <environment names="Staging,Production">
        <script src="~/lib/jquery/dist/jquery.min.js"></script>
        <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
        <script src="~/lib/metisMenu/dist/metisMenu.min.js"></script>
        <script src="~/lib/pace/pace.min.js"></script>
        <script src="~/lib/slimScroll/jquery.slimscroll.min.js"></script>
        <script src="~/js/script.js" asp-append-version="true"></script>
    </environment>

    @RenderSection("scripts", required: false)
</body>
</html>


@ViewData[“Title”]-.NET Core 1.0
@如果（已定义（“样式”））
{@RenderSection（“样式”，必需：false）}
@**@
@RenderBody（）
@**@
@RenderSection（“脚本”，必需：false）
我的问题是，当我从link加载bootstrap时，一切正常，但当我尝试从~/lib/bootstrap/dist/css/bootstrap.css和~/lib/bootstrap/dist/js/bootstrap.js本地加载它时，一切都不起作用。
我看过其他的帖子，但没有一个有用。有什么建议吗？

这是bower上3.3.7版本的bootstrap的一个问题。我通过回滚到3.3.6解决了这个问题，但您也可以使用npm获得成功。

这意味着您的引导文件没有加载。文件路径应该是问题所在。在浏览器上检查localhost/lib/bootstrap/dist/css/bootstrap.csi当我键入时，intelissense显示了路径，这可能意味着路径是正确的。此外，我对其他css或脚本文件使用相同的路径，这些文件可以通过package.json文件进行添加。那就行了。