ASP.NET Core 8.0 Razor 页面：重写 _Layout.cshtml.css => {application}.styles.css 未找到 (404)

Question

创建新的 .NET8.0 Razor Pages (ASP.NET Core) 项目后，我删除了 JQuery 和 Bootstrap 库。然后我编辑了_Layout.cshtml.css。运行该项目时，我的 CSS 规则未应用，因为我的浏览器无法加载样式表。当请求 {application}.styles.css 时，浏览器会得到 404 结果。

有谁知道是什么问题吗？

_Layout.cshtml 和 _Layout.cshtml.css 如下所示：

:root {

}

@font-face {
    font-family: "Inter";
    src: url(/fonts/Inter/Inter-VariableFont_slnt\,wght.ttf);
}

@font-face {
    font-family: "Cutive Mono";
    src: url(/fonts/Cutive_Mono/CutiveMono-Regular.ttf);
}

html {
    font-family: Inter;
    box-sizing: border-box;
}

body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    display: grid;
    grid-template-rows: 4.4rem 1fr 1.5rem;
}

header {
    display: grid;
    grid-template-rows: 1fr 1.5rem;
}

.main-header {
    background-color: blue;
}

.main-nav {
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
}

.main-nav-item {
    margin-left: 0.2rem;
    color: inherit;
    text-decoration: inherit;
}

<!DOCTYPE html>
<html lang="de-de">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"]</title>
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/{application}.styles.css" asp-append-version="true" />
</head>
<body>
    <header>
        <div class="main-header"></div>
        <nav class="main-nav">
            <a href="#" class="main-nav-item">Link 1</a>
            <a href="#" class="main-nav-item">Link 2</a>
        </nav>
    </header>

    <main>
        @RenderBody()
    </main>

    <footer>
    </footer>

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

    @await RenderSectionAsync("Scripts", required: false)
</body>
</html>

wwwroot 看起来像这样：

Answer 1

我在我这边创建了一个新的MVC应用程序，就像你分享的那样，我删除了项目中的bootstrap和jquery lib，然后在

_Layout.cshtml

中注释对这些库的引用。然后我创建了

Index.cshtml.css

并在我的

Index.cshtml

中使用它，它在我这边起作用了。

我还测试了注释

<link rel="stylesheet" href="~/WebApplication2.styles.css" asp-append-version="true" />

，那么我的自定义样式将不会被使用，但由于它没有引用

ApplicationName.stype.css

，所以我没有收到404错误。在新的 .net 8 razor Web 应用程序中也是如此。恐怕您可以清理并重建您的应用程序，并检查 _layout.cshtml 中是否有

<link rel="stylesheet" href="~/WebApplication2.styles.css" asp-append-version="true" />

。

ASP.NET Core 8.0 Razor 页面：重写 _Layout.cshtml.css => {application}.styles.css 未找到 (404)

问题描述投票：0回答：1

1个回答

最新问题

ASP.NET Core 8.0 Razor 页面：重写 _Layout.cshtml.css => {application}.styles.css 未找到 (404)

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1