Asp.Net Core 6 添加 Bootstrap 到脚手架 Identity _Layout.cshtml

Question

我正在使用 VS2022 预览版，并使用 Angular 和 VS2022 中的默认项目创建了一个单页应用程序。 我搭建了身份页面的脚手架，以便我可以通过使用 Bootswatch 中的一个覆盖引导程序来更改 styles。 但是，当我尝试从 wwwroot 中的 lib 文件夹中引用 bootstrap 时，如下所示：

<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />

然后我得到错误：

Refused to apply style from 'https://localhost:5002/lib/bootstrap/css/bootstrap.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

我在这里尝试了各种文件路径，但似乎没有任何效果。 任何帮助都会很棒，因为这似乎是一项微不足道的任务！

Answer 1

_Layout.cshtml页面是Scaffolded Identity生成的吧？

如果是这种情况，Identity package 还包含 Bootstrap 引用，默认情况下_Layout.cshtml页面已经使用以下代码添加了 bootstrap 引用，您可以考虑使用它作为解决方法。

<link rel="stylesheet" href="~/Identity/lib/bootstrap/dist/css/bootstrap.min.css" />

结果如下：

此外，您还可以尝试使用 CDN 参考：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />

Answer 2

请将您的 lib 文件夹移动到 wwwroot 文件夹并从那里引用它。