启动应用程序时 Blazor css 文件未更新

Question

我正在从 bootstraps 网站向我的 app.css 文件中添加一些自定义 CSS 但是，文件是在 visual studio 中编辑并保存的。当应用程序启动并加载 app.css 时，它会加载旧版本的 app.css 而无需我的更改。有谁知道为什么会发生这种情况？提前致谢

已编辑 CSS 文件

// ... some more css above....

.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgb(0 0 0 / 10%), inset 0 0.125em 0.5em rgb(0 0 0 / 15%);
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

应用程序负载app.css

缺少 .b-example-divider，只是按我更改之前的样子加载文档

Answer 1

浏览器缓存文件。您在哪里以及如何向该文件声明 link？

Answer 2

如果您没有看到应用到 app.css 文件的更改，您可能需要手动清除浏览器缓存。

更好的解决方案是使用如下所示的版本控制：

<link rel="stylesheet" type="text/css" href="css/app.css?version=0.1">

添加版本号作为查询参数。这将强制浏览器寻找最新版本的样式 sheet ...

启动应用程序时 Blazor css 文件未更新

Blazor css file not updating when app is launched

css

blazor

blazor-webassembly

已编辑 CSS 文件

应用程序负载app.css