Static styles.css issues after renaming Blazor project

Question

If I start a Blazor server from scratch. Then right-click the project and click rename.

All the namespaces change(EditedProjectName.Pages) but the using statements keep the old references(OriginalProjectName.Pages).

This is fairly easy to overcome with Find and replace OriginalProjectName.Pages => replace with => EditedProjectName.Pages

Now the issue. Seemly randomly the site launches without proper css. The same output as I get if I comment out the static CSS in {PROJECT NAME}.styles.css which makes the sidebar etc disappear

Any idea of how the project name change can cause this issue and how I can solve or troubleshoot it?

Did you a) search for the old name? It's also used in _Layout to load a css. b) do a Build|Clean and a Build|Rebuild? c) hit Ctrl+F5 in the Browser? — Henk Holterman
– Henk Holterman, Commented Feb 20, 2022 at 7:18
You can also try to use clean solution and then in the browser F12 -> application and the clear site data. Sometimes it can be a cashing issue. — Jeremie de Vos
– Jeremie de Vos, Commented Feb 20, 2022 at 10:38
I tried Rebuild but your Build|Clean advice solved it right away. A good lesson that I won't forget! Thanks a lot! @JeremiedeVos — WorldNeedsRefactoring
– WorldNeedsRefactoring, Commented Feb 20, 2022 at 10:58

WorldNeedsRefactoring · Accepted Answer · 2022-02-20 11:00:58Z

12

The issue disappeared when I did a Build|Clean and a Build|Rebuild.

answered Feb 20, 2022 at 11:00

WorldNeedsRefactoring

5645 silver badges14 bronze badges

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

1 Comment

Janaka Peiris Over a year ago

mine is still not working after following this. Checked all other suggestions, even tried using the oldproject.css but without a result. Any idea why ?

Jerrill · Accepted Answer · 2023-10-07 05:03:42Z

6

I was able to get it working while preserving the ability to rename the project by getting the name of the assembly using reflection in my _Host.cshtml file:

<link href="@(System.Reflection.Assembly.GetExecutingAssembly().GetName().Name + ".styles.css")" rel="stylesheet" />

You would also be able to inject it as a singleton configuration in your DI container and inject it into the cshtml file.

answered Oct 7, 2023 at 5:03

Jerrill

4084 silver badges4 bronze badges

1 Comment

ScottDPJ Over a year ago

For Blazor .Net8 I added this to the App.razor file in the Components folder.

Norman · Accepted Answer · 2024-01-16 13:24:49Z

4

Visual Studio Build Menu -> Clean Solution

AND

deleting the bin and obj folders in the project folder finally worked.

answered Jan 16, 2024 at 13:24

Norman

3,5193 gold badges28 silver badges45 bronze badges

1 Comment

Lawrence Thurman Over a year ago

Rebuild will do the same - a rebuild is a clean and build together

Guildenstern70 · Accepted Answer · 2022-05-11 13:19:54Z

3

When you rename a Blazor project, be sure to rename also the Razor CSS file bundle, referenced in

/Pages/_Layout.cshtml

as

<!-- Important: these are the razor css'es built at runtime -->
<link href="[Your_Project_Name].styles.css" rel="stylesheet" />

answered May 11, 2022 at 13:19

Guildenstern70

1,87921 silver badges23 bronze badges

Comments

skotl · Accepted Answer · 2024-12-10 11:10:01Z

2

For others experience the same problem, I found a solution and documented it over here: Blazor WebAssembly CSS isolation scoped identities doesn't match

In summary; change the modified dates of your base blazor CSS files to force them to be re-transpiled (like Layout/MainLayout.razor.css and Layout/NavMenu.razor.css)

answered Dec 10, 2024 at 11:10

skotl

1961 silver badge11 bronze badges

Comments

Jacob Bernard · Accepted Answer · 2025-04-21 21:16:53Z

0

After trying all of the suggestions here, I also needed to delete browsing data, and now the site loads fine.

answered Apr 21 at 21:16

Jacob Bernard

256 bronze badges

Comments

Imishua · Accepted Answer · 2025-05-31 07:14:34Z

0

My issue was fixed when I changed the wwwroot/index.html
and changed this line from: <link href="{OldProjectName}.styles.css" rel="stylesheet" />
into: <link href="{NewProjectName}.styles.css" rel="stylesheet" />

answered May 31 at 7:14

Imishua

912 bronze badges

Collectives™ on Stack Overflow

Static styles.css issues after renaming Blazor project

7 Answers 7

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

1 Comment

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related