question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Lost styles in build migrating from v4 to v5.0.0-alpha.32

See original GitHub issue

On 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 😯

https://app.edecoracao.com/

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:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
breno-sapucaiacommented, May 4, 2021

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

0reactions
mnajdovacommented, May 3, 2021

From intial scanning, I could spot that the import for the ThemeProvider should be changed:

-import { ThemeProvider } from '@material-ui/styles';
+import { ThemeProvider } from '@material-ui/core/styles';
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found