I am using Visual Studio 2022. I have a Blazor server application that I created about a year and a half ago in .net5. I recently converted it to .net6 although I did not change any of the code. I simply changed the target framework and it has all been working fine. I never used CSS Isolation when it was .net5 but I want to use it now. I created a .css file (CheckInQuestion.razor.css) for one of my .razor files (CheckInQuestion.razor) and added the link reference for the scoped css file to my _host.cshtml file at the bottom of the section.
<link href="Hub.App.styles.css" rel="stylesheet">
I can see the scoped css file in the obj folder like I would expect
When I run the application, the html elements in the component have the scope reference as well.
However, the css file cannot be found so it does not apply the css.
Incidentally, I created a new Blazor .net6.0 project using Visual Studio 2022 and the CSS isolation works exactly how it is supposed to.
Anyone have any suggestions as to what is preventing my application from finding the scoped css file when I run it? It does not work on localhost or my development server.