Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Blazor Server and Css Isolation using .Net 6 + VS Community 2022 #112

Open
moehoward opened this issue Sep 27, 2021 · 0 comments
Open

Blazor Server and Css Isolation using .Net 6 + VS Community 2022 #112

moehoward opened this issue Sep 27, 2021 · 0 comments

Comments

@moehoward
Copy link

I have two projects:

  1. Sdk="Microsoft.NET.Sdk.Web"
  2. Sdk="Microsoft.NET.Sdk.Razor"

The Blazor Server app (#1) references the Razor library (#2)
and it uses the following markup in its <head> section.

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

The Razor library utilizes Css Isolation.
I am getting this error message in the browser's console.

browserLink:77 Uncaught (in promise) TypeError: Cannot read property 'href' of null
    at tt (browserLink:77)
    at nt (browserLink:77)
    at tt (browserLink:77)
    at nt (browserLink:77)
    at tt (browserLink:77)
    at it (browserLink:77)
    at ct.ensureCssUpToDateAsync (browserLink:77)
    at browserLink:71
    at i (browserLink:71)
    at l (browserLink:71)

This error message was not present while using VS 2019 and .NET 5.
The browser's Network tab displays both files.

  1. BlazorApp1.styles.css
  2. RazorApp1.bundle.scp.css

And the BlazorApp1.styles.css contains the proper import.

@import '_content/RazorApp1/RazorApp1.bundle.scp.css';

Any thoughts?
:<)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@moehoward