title: CSS Isolation not working on project converted from .net5 to .net6
body: <p>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.
  <code>&lt;link href=&quot;Hub.App.styles.css&quot; rel=&quot;stylesheet&quot;&gt; </code></p>
  <p>I can see the scoped css file in the obj folder like I would expect</p>
  <p><a href="https://i.stack.imgur.com/IK4Lj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IK4Lj.png" alt="enter image description here" /></a></p>
  <p>When I run the application, the html elements in the component have the scope reference as well.</p>
  <p><a href="https://i.stack.imgur.com/m9A5g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m9A5g.png" alt="enter image description here" /></a></p>
  <p>However, the css file cannot be found so it does not apply the css.
  <a href="https://i.stack.imgur.com/4GZhY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4GZhY.png" alt="404 Not Found Error Console" /></a></p>
  <p>Incidentally, I created a new Blazor .net6.0 project using Visual Studio 2022 and the CSS isolation works exactly how it is supposed to.</p>
  <p>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.</p>