安装带有静态CSS文件的RCL nuget包,使用时给我404

问题描述 投票:0回答:1

我尝试了这里找到的许多不同的解决方案/建议,但似乎没有任何效果。这可能是一件小事,但我就是看不到它

为了简单起见,我尝试只关注问题中的一个 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 文件。效果很好。

如果您需要更多信息,请告诉我。

css blazor nuget webassembly razor-component-library
1个回答
0
投票

好的,这就是我修复它的方法:

  1. 关闭 Visual Studio
  2. 打开powershell
  3. 奔跑
    nuget.exe locals all -clear
  4. 转到项目的根文件夹,仍在 powershell 中
  5. 奔跑
    nuget.exe restore
  6. 在 VS 中重新打开解决方案,构建并运行。

现在我的 css 文件被正确引用了。

© www.soinside.com 2019 - 2024. All rights reserved.