You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I just publish a site that used cssinjs with Nextjs. The static export store class and property in someway, but I used cssinjs, so there is a conflict with the online page.
It would be correct about 0.5 sec, but going wrong on stable state. In my test, I stop quickly to see the class makeStyles-grow-9 is working great, but simply missing when stable. (Header part)
Open console to see the log with CssInJs, that print jss9, and then I replace makeStyles-grow-9 with jss9, everything is working as expected.
It's a bit strange that everything works in local (npm run dev or serve static files), but not online, Hope you got what I described, and thanks for taking a look.
The first 0.1 sec:
The stable state:
The css generated by cssinjs:
serve static files (which is jss, not the prefix of makestyle):
The text was updated successfully, but these errors were encountered:
It's fine now, based on a large number of configureation test, I sloved It with disable the removed server-side css in _app.tsx, and used createGenerateClassName with disableGlobal to prevent removing correct initialization...
This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.
vercel
locked as resolved and limited conversation to collaborators
Jan 31, 2022
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
System information
I just publish a site that used cssinjs with Nextjs. The static export store class and property in someway, but I used cssinjs, so there is a conflict with the online page.
Here is the site:
https://minecraftscepter.github.io/
It would be correct about 0.5 sec, but going wrong on stable state. In my test, I stop quickly to see the class
makeStyles-grow-9
is working great, but simply missing when stable. (Header part)Open console to see the log with CssInJs, that print
jss9
, and then I replacemakeStyles-grow-9
withjss9
, everything is working as expected.It's a bit strange that everything works in local (npm run dev or serve static files), but not online, Hope you got what I described, and thanks for taking a look.
The first 0.1 sec:
![image](https://user-images.githubusercontent.com/6420527/67658698-4d125080-f995-11e9-99c2-0a1dcf971384.png)
The stable state:
![image](https://user-images.githubusercontent.com/6420527/67658711-57cce580-f995-11e9-9778-90b81f615fa7.png)
The css generated by cssinjs:
![image](https://user-images.githubusercontent.com/6420527/67658786-9498dc80-f995-11e9-9e70-bb62ce71642b.png)
serve static files (which is jss, not the prefix of makestyle):
![image](https://user-images.githubusercontent.com/6420527/67659181-b9418400-f996-11e9-87c0-0084d5410431.png)
The text was updated successfully, but these errors were encountered: