Staticfiles problem with nuget and dotnet run #7422

Eifoen · 2022-02-28T17:08:46Z

Eifoen
Feb 28, 2022

Hi,

I don't really know if msbuild is the right place for this - but it seems somehow related to the build system of dotnet.

I have a nuget lib (created by myself) to hold several css files for use in multiple target projects (blazorwasm, blazor aswell as razor pages)

The css files are transpiled from scss by node/npm and then packed with a nuspec file. The problem I have now is that (especially tested with a blazorwasm target project) the files are copied when running dotnet publish but when using dotnet run the files are not served by kestrel. Although they are listed within staticwebassets.build.json. This, in my case, makes the app completely unthemed and ugly of course.

Does anyone have an Idea how to fix this? I read alot about app.UseStaticFiles() in the doc, but unfortunately this does not apply to blazorwasm (and did not work in blazor-server or razor pages app anyways)..

Help is very much appreciated, I'm stuck with this for days now :/

THX

nuspec used to create the nuget:

<?xml version="1.0"?>
<package xmlns="http://schemas.microsoft.com/packaging/2013/05/nuspec.xsd" >
  <metadata minClientVersion="3.3">
    <id>WebTheme</id>
    <title>Web Theme</title>
    <version>0.1.12</version>
    <requireLicenseAcceptance>false</requireLicenseAcceptance>
    <copyright>Copyright 2022</copyright>
    <contentFiles>
      <files include="any/any/wwwroot/css/*" buildAction="Content" />
    </contentFiles>
  </metadata>
  <files>
    <file src="dist/css/theme.css" target="contentFiles/any/any/wwwroot/css" />
    <file src="dist/css/theme.css.map" target="contentFiles/any/any/wwwroot/css" />
    <file src="dist/css/theme.min.css" target="contentFiles/any/any/wwwroot/css" />
    <file src="dist/css/theme.min.css.map" target="contentFiles/any/any/wwwroot/css" />
    <file src="dist/css/theme.css" target="content/wwwroot/css" />
    <file src="dist/css/theme.css.map" target="content/wwwroot/css" />
    <file src="dist/css/theme.min.css" target="content/wwwroot/css" />
    <file src="dist/css/theme.min.css.map" target="content/wwwroot/css" />
  </files>
</package>

Program.cs of blazorwasm:

using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.WebAssembly.Authentication;
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
using ManagementApp;
using Microsoft.Extensions.Options;
using Microsoft.AspNetCore.StaticFiles;

var builder = WebAssemblyHostBuilder.CreateDefault(args);

builder.RootComponents.Add<App>("#app");
builder.RootComponents.Add<HeadOutlet>("head::after");

builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });

builder.Services.AddOptions();

await builder.Build().RunAsync();

index.html of blazorwasm:

<!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" />
    <title>ManagementApp</title>
    <base href="/" />
    <link rel="stylesheet" href="css/theme.min.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"
        integrity="sha256-uxjsS9cYFLTjmlr8j5i+DqvOLCBugRzEeWxUMWZeYXQ=" crossorigin="anonymous">
    <link href="css/app.css" rel="stylesheet" />
</head>

<body>
    <div id="app">
        <div class="row align-items-center justify-content-center" style="min-height: 100vh">
            <div class="spinner-grow text-dark" role="status" style="width: 3rem; height: 3rem;">
                <span class=" visually-hidden">Loading...</span>
            </div>
        </div>
    </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>
    <script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"
        integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Staticfiles problem with nuget and dotnet run #7422

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Staticfiles problem with nuget and dotnet run #7422

Uh oh!

Eifoen Feb 28, 2022

Replies: 0 comments

Eifoen
Feb 28, 2022