Prerender to another tag #162

New Issue

fergalmoran · 2025-08-09T17:15:14Z

fergalmoran commented

2025-08-09 17:15:14 +00:00

Originally created by @matjanos on 2/20/2018

I would like to prerender some styles code which is generated on JavaScript code.

I'm using material-ui package which renders styles code in runtime on rendering app.

@{
    ViewData["Title"] = "Home Page";
}

<div id="react-app" asp-prerender-module="ClientApp/dist/main-server">Loading...</div>

@section scripts {
    <script src="~/dist/main-client.js" asp-append-version="true"></script>
    <style id="jss-server-side"> /*CSS code passed from ClientApp/dist/main-server*/ </style>
}

I can of course generate styles within the HTML code, but I'll always get syntax warning because <style> tag ought not to be inside a <div> container.

Warning: Did not expect server HTML to contain a <style> in <div>.

*Originally created by @matjanos on 2/20/2018* I would like to prerender some styles code which is generated on JavaScript code. I'm using [material-ui](https://material-ui-next.com/guides/server-rendering/) package which renders styles code in runtime on rendering app. ``` @{ ViewData["Title"] = "Home Page"; } <div id="react-app" asp-prerender-module="ClientApp/dist/main-server">Loading...</div> @section scripts { <script src="~/dist/main-client.js" asp-append-version="true"></script> <style id="jss-server-side"> /*CSS code passed from ClientApp/dist/main-server*/ </style> } ``` I can of course generate styles within the HTML code, but I'll always get syntax warning because `<style>` tag ought not to be inside a `<div>` container. ``` Warning: Did not expect server HTML to contain a <style> in <div>. ```

fergalmoran closed this issue

2025-08-09 17:15:14 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/JavaScriptServices#162