Shows blank white screen
chetanparmar95 opened this issue · 2 comments
chetanparmar95 commented
When I run yarn start
output is blank white screen.
Paradoxia commented
I bought the pro version and it has the same issue with a white screen. I managed to track down the problem and had to modify the main page component. Basically the ResizeDetector component doesn't work as expected anymore. So I used the onResize callback to set a width state. This is my modified code.
class Main extends React.Component {
constructor(props) {
super(props);
this.state = {
closedSmallerSidebar: false,
width: undefined
};
}
onResize = (width) => this.setState({ width });
render() {
const { width } = this.state;
let {
colorScheme,
enableFixedHeader,
enableFixedSidebar,
enableFixedFooter,
enableClosedSidebar,
closedSmallerSidebar,
enableMobileMenu,
enablePageTabsAlt,
} = this.props;
return (
<Fragment>
<div className={cx(
"app-container app-theme-" + colorScheme,
{'fixed-header': enableFixedHeader},
{'fixed-sidebar': enableFixedSidebar || width < 1250},
{'fixed-footer': enableFixedFooter},
{'closed-sidebar': enableClosedSidebar || width < 1250},
{'closed-sidebar-mobile': closedSmallerSidebar || width < 1250},
{'sidebar-mobile-open': enableMobileMenu},
)}>
<AppMain/>
<ResizeDetector handleWidth onResize={this.onResize} />
</div>
</Fragment>
)
}
}
But before I even managed to start the project in dev mode I got an error saying Cannot read property 'entryOption' of undefined
. I fixed that by removing the ^
symbol from "webpack-dev-server": "3.0.0"
inside the package.json file.
scarlettman7 commented
It worked for me. thanks