Asp.Net 核心 6 添加 Bootstrap 到脚手架身份 _Layout.cshtml
Asp.Net Core 6 Add Bootstrap to scaffolded Identity _Layout.cshtml
我正在使用 VS2022 预览版，并使用 Angular 和 VS2022 中的默认项目创建了一个单页应用程序。我搭建了身份页面的脚手架，这样我就可以通过用 Bootswatch 中的一个覆盖 bootstrap 来更改样式。但是，当我尝试从 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.
我在这里尝试了各种文件路径，但似乎没有任何效果。任何帮助都会很棒，因为这似乎是一项微不足道的任务！
_Layout.cshtml页面是由Scaffolded Identity生成的吧？
如果是这种情况，Identity 包还包含 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" />
请将您的 lib 文件夹移动到 wwwroot 文件夹并从那里引用它。
我正在使用 VS2022 预览版，并使用 Angular 和 VS2022 中的默认项目创建了一个单页应用程序。我搭建了身份页面的脚手架，这样我就可以通过用 Bootswatch 中的一个覆盖 bootstrap 来更改样式。但是，当我尝试从 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.
我在这里尝试了各种文件路径，但似乎没有任何效果。任何帮助都会很棒，因为这似乎是一项微不足道的任务！
_Layout.cshtml页面是由Scaffolded Identity生成的吧？
如果是这种情况，Identity 包还包含 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" />
请将您的 lib 文件夹移动到 wwwroot 文件夹并从那里引用它。