Lost styles in build migrating from v4 to v5.0.0-alpha.32
See original GitHub issueOn build all global themes inside the header <link style data-emotion> are empty and my app stays unstyled
- [x ] The issue is present in the latest release.
- [x ] I have searched the issues of this repository and believe that this is not a duplicate.
Current Behavior 😯
Expected Behavior 🤔
styled app
Context 🔦
i started do an app that on build time work just fine the styled using v4, but when i migrate to v5.0.0-alpha.32 the build time get broken
im starts build an application in mui v4 and noticed
Your Environment 🌎
`npx @material-ui/envinfo`
System:
OS: Windows 10 10.0.19042
Binaries:
Node: 14.16.1 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.10 - C:\Program Files\nodejs\yarn.CMD
npm: 6.14.12 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: 90+
Edge: Spartan (44.19041.906.0), Chromium (90.0.818.51)
npmPackages:
@emotion/react: ^11.1.5 => 11.1.5
@emotion/styled: ^11.3.0 => 11.3.0
@material-ui/core: ^5.0.0-alpha.32 => 5.0.0-alpha.32
@material-ui/icons: ^4.11.2 => 4.11.2
@material-ui/lab: ^5.0.0-alpha.32 => 5.0.0-alpha.32
@material-ui/styled-engine: 5.0.0-alpha.26
@material-ui/styles: ^4.11.3 => 4.11.3
@material-ui/system: 5.0.0-alpha.31
@material-ui/types: 6.0.0
@material-ui/unstyled: 5.0.0-alpha.32
@material-ui/utils: 5.0.0-alpha.31
@types/react: ^17.0.0 => 17.0.3
react: ^17.0.2 => 17.0.2
react-dom: ^17.0.2 => 17.0.2
typescript: ^4.1.2 => 4.2.4
Issue Analytics
- State:
- Created 2 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Lost styles in build migrating from v4 to v5.0.0-alpha.32 #26105
On build all global themes inside the header are empty and my app stays unstyled [x ] The issue is present in the...
Read more >Migration from v4 to v5 - MUI
This documentation page covers the how of migrating from v4 to v5. ... This is because we are going to use @mui/styles temporarily...
Read more >How to Migrate from Bootstrap Version 4 to 5 - Designmodo
Learn the entire process of migrating from the Bootstrap 4 to the new Bootstrap ... Start to build a website using our Bootstrap...
Read more >Migrating to v4 - Bootstrap
New to Bootstrap 4 is the Reboot, a new stylesheet that builds on Normalize with our own somewhat opinionated reset styles. Selectors appearing...
Read more >Method replacements for material ui v4 to v5 upgrade
darken , lighten , alpha , and other functions accessed via @material-ui/core/styles/colorManipulator in v4 are exported from ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I noticed that i had only upgrated the @material-ui/core for the 5.0.0-alpha.32 and forgotten the other sub dependecies like @material-ui/styles and @material-ui/icons, i upgrated them all and the build worked just fine
From intial scanning, I could spot that the import for the ThemeProvider should be changed: