引导程序在本地工作，但在部署时不工作

bootstrap works locally but not when deployed

本文关键字：工作 部署 引导程序      更新时间：2023-09-26

我正在使用MVC框架和引导来优化网站。一切都在本地工作，但不在服务器上工作。该网站没有css watsoever。此外，首页应该是一个轮播滑块，现在它只是以垂直方式显示的所有图片。问题出在哪里？

这是我的代码：

@using System.Web.Optimization;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - The Secured Password</title>
@Scripts.Render("~/bundles/bootstrap")
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@*@Scripts.Render("~/bundles/jqueryval")*@
@RenderSection("scripts", required: false)
</head>
<body>
<div class="navbar-wrapper">
    <div class="container">

谢谢！

编辑：

下面是呈现的标头：

<link href="/Content/css?v=UV-jZ4aDFGX-mj3fDEnMFNwudw9kdbZQj1zFCxtmgps1"   rel="stylesheet">
<script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1">   </script><style type="text/css"></style>
<script src="/bundles/jquery?v=FVs3ACwOLIVInrAl5sdzR2jrCDmVOWFbZMY6g6Q0ulE1"></script>
<script src="/bundles/bootstrap?v=HHeOtfpYTGpvkQWzPsmQOp39ZdG4zLSAsANOtnmyV-g1"></script>

编辑#2：以下是 bundleconfig 的内容.cs：

public class BundleConfig
{
    // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Content/Scripts/jquery-{version}.js"));
        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Content/Scripts/jquery.validate*"));
        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Content/Scripts/modernizr-*"));
        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Content/Scripts/bootstrap.js",
                  "~/Content/CSS/respond.js"));
        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/CSS/bootstrap.css",
                  "~/Content/CSS/Site.css"));
    }
}
没有什么

可以渲染 Bootstrap 自己的 css 文件（bootstrap[.min].css 和 bootstrap-theme[.min].css）。

现在它已修复。我只是简单地更改了cshtml代码：

@Scripts.Render("~/bundles/bootstrap")
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")

部分为普通 HTML 代码 

<script src="/bundles/bootstrap.css"></script>

没有太多的解决方案，但它解决了我的问题。

谢谢大家的帮助。

bootstrap.css是否包含在您的"~/Content/css"捆绑包中？检查您的 BundleConfig.cs RegisterStyleBundles 函数，看看您是否在该捆绑包中正确包含引导 css，因为您没有渲染任何其他样式包，如果它没有正确包含在该捆绑包中，那么这肯定会解释为什么您没有获得 css。

相关文章：