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.
Material theme returns white screen
See original GitHub issueDuplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Current behavior 😯
Whenever I try to run my file with Material UI components it returns a white screen.
Expected behavior 🤔
No response
Steps to reproduce 🕹
Steps:
- Import material ui components
- npm start
- white screen
Context 🔦
Trying to run MUI based react app
Your environment 🌎
`npx @mui/envinfo`
Ubuntu 20.04 LTS
Firefox browser
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.
Issue Analytics
- State:
- Created 2 years ago
- Comments:14 (1 by maintainers)
Top Results From Across the Web
Material theme returns white screen · Issue #30478 - GitHub
Whenever I try to run my file with Material UI components it returns a white screen. Expected behavior. No response. Steps to reproduce....
Read more >Additional component in <MuiThemeProvider /> results in ...
I have recently installed Material UI into my Meteor application using npm ... However, if I add another component I get a blank...
Read more >9 Proven Methods to Fix the WordPress White Screen of Death
How to Fix WordPress White Screen of Death (9 Methods) · 1. Disable Your WordPress Plugins · 2. Switch to a Default WordPress...
Read more >How to Fix the Blank White Screen Error in WordPress
Method 2: Increasing the Memory Limit Can Fix the Blank White Screen. Method 3: Disable Your Plugins. Method 4: Go Back to the...
Read more >Troubleshooting - Material Theme UI Documentation
A: If you're using a Custom Theme, that might be due to the Color Scheme option. Make sure to specify the color scheme...
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 Free
Top 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
You are missing 2 dependencies
@emotion/react @emotion/styledand you have to delete this line of codeimport reportWebVitals from './reportWebVitals';because the file does not exist.
https://codesandbox.io/s/bold-rain-26fcw?file=/src/index.js
if you don’t want to use emotion please take a look on these guides
https://mui.com/getting-started/installation/
https://mui.com/guides/styled-engine/
Thanks, I’ll try.