我尝试了这里找到的许多不同的解决方案/建议,但似乎没有任何效果。这可能是一件小事,但我就是看不到它
为了简单起见,我尝试只关注问题中的一个 css 文件。
从 RCL 创建 nuget 包后,我将其打包并将其加载到 Nuget Explorer 中并得到:
所以有静态内容。然后我将 nuget 包添加到我的 Blazor WASM 项目并编辑 index.html 文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<base href="/" />
<!-- 3. party styles -->
<link rel="stylesheet" media="screen, print" href="_content/JOSTGO.Blazor.ComponentLibrary.Core/css/bootstrap.min.css" />
</head>
<body class="overflow-hidden">
<div id="app" class="vh-100 vw-100 d-flex flex-row">Loading...</div>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
<script src="_framework/blazor.webassembly.js"></script>
</body>
</html>
这是我得到的错误:
我没有在宿主项目的程序文件中添加 builder.WebHost.UseStaticWebAssets() ,有些人说需要,有些人说不需要。但我试过了,没有什么区别。
我还在解决方案中创建了一个 RCL 项目进行测试,其中添加了一个 CSS 文件。效果很好。
如果您需要更多信息,请告诉我。
好的,这就是我修复它的方法:
nuget.exe locals all -clear
nuget.exe restore
现在我的 css 文件被正确引用了。