Blazor Visual Studio 示例模板 - 缺少 bootstrap.js，引用缺少 .js 文件

Question

我刚刚在 Visual Studio 中创建了一个 Blazer（服务器端）项目。它确实在 _Host.cshtml 中包含以下内容：

<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<script src="_framework/blazor.server.js"></script>
<link href="LouisHowe.styles.css" rel="stylesheet" />

它在项目中有文件 wwwroot/css/bootstrap/bootstrap.min.css。但是……

1. 项目中任何地方都没有bootstrap.js。没有包括它。
2. 它确实引入了 blazor.server.js，但我找不到那个文件，也找不到 _framework 文件夹。
3. 它创建了指向 LouisHowe.styles.css 的链接，但没有 LouisHowe.styles.css 文件。这是怎么回事？ （我的应用程序的名称是 LouisHowe。）

那么这些文件在哪里？

Answer 1

<link href="LouisHowe.styles.css" rel="stylesheet" />

与css隔离有关，你可以查看这个文档

<script src="_framework/blazor.server.js"></script>

与blazor中基本的js函数相关，比如signalr，它是嵌入在程序集中的，无法直接找到

如果你想尝试使用 bootstrap，你可以查看这个 文档 如果你尝试使用 nuget 包，发布后，你会在目录下找到 js 文件：

~\publish\wwwroot\_content\BootstrapBlazor\js

当你调试的时候，你可以通过uri找到它：

Answer 2

1. bootstrap.js

   不包括在内。如果您想使用它，请添加并包含它。请注意，它提供的某些功能会直接修改 DOM，并导致渲染器虚拟 DOM 与 DOM 冲突和 UI 中的异常行为。

   bootstrap.js

   功能可以直接构建到 Blazor UI 中。

2. 我已经为你之前的问题添加了一个答案，试图更全面地回答你的问题。 Blazor Visual Studio 示例模板 - 缺少 bootstrap.js，引用缺少 blazor.server.js

3. 在解决方案资源管理器中显示所有文件向下钻取obj > debug > Net7 > scopedcss > bundle你会找到编译器文件。您还会找到所有单独的隔离文件。