CSS from Blazor Component Lib not loaded

Question

I want to use my customs CSS located on the wwwroot/css/. in my BlazorControllers/Components/. files but nothing is loaded at execution. Is there something to specify in the client or in the lib project settings ?

My Library project is BlazorControllers and I use the component of the library in the Client project

1. Did you add <link rel="stylesheet" href="~/css/MyComponents.css" /> in your main page (e.g. _Host.cshtml) ? 2. Is that BlazorControllers project a Razor Class Library? — itminus
– itminus, Commented Jan 6, 2020 at 9:11
@itminus it didn't work using ~/css/MyComponents.css but worked well with _content/BlazorControllers/css/MyComponents.css path. I don't know what's the difference between both. — yToxide
– yToxide, Commented Jan 6, 2020 at 13:53
_content is a pseudofolder configured to get the files from somewhere (by the StaticFiles middleware). Compare with _framework for the main js file at the bottom of Index.html . — Henk Holterman
– Henk Holterman, Commented Jan 6, 2020 at 14:09

Henk Holterman · Accepted Answer · 2020-01-06 20:24:26Z

8

In your Index.html (or _Host.cshtml) file, below the site.css line, add

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

where <YourLibrary> seems to be BlazorControllers in your case.

And when I read that picture right you (also) need

<link href="_content/BlazorControllers/css/MyComponents.css" rel="stylesheet" />

edited Jan 6, 2020 at 20:24

answered Jan 6, 2020 at 9:26

Henk Holterman

276k33 gold badges353 silver badges540 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SZT Over a year ago

I added a css library to indext.html (mine is client side app). But when I run the application I don't see the css link in the page source. Any idea? I checked the css file has build operation set to content, so isn't it supposed to be added?

Collectives™ on Stack Overflow

CSS from Blazor Component Lib not loaded

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related