App loading freeze for 30 seconds - SOLVED

barbis · September 19, 2020, 9:20am

Hi,

since a couple of days I am experiencing a long load time of my app, 30 seconds where nothing happens!

I tried couple of things but I am not able to pinpoint the source of the problem and actually no idea how to troubleshoot it!
Not sure is related to the sockjs error shown.

Using Meteor with apollo, mysql and react.
On my console the database loads fine, then after 30 seconds the client loads. In between nothing

Tried loading another project and no problems there.

Any idea?

Thanks!

barbis · September 19, 2020, 2:06pm

Found the issue, made a mistake in importing an icon from @materialui/icons!

Here the link in case someone else has the same problem

github.com/meteor/meteor

"import { TagFaces } from '@material-ui/icons';" syntax makes the app load for ages

opened 07:53AM - 26 Sep 19 UTC

closed 06:08AM - 28 Aug 21 UTC

cvolant

confirmed Project:Isobuild:Performance

Ubuntu 19.04 Non-working release: 1.8.2-rc.x Working release: 1.8.1 I had a hard time finding out what making my app load infinitely, since I didn't get any feedback. Using "import TagFaces from '@material-ui/icons/TagFaces';" syntax works well. Using "import { TagFaces } from '@material-ui/icons';" syntax is broken. I used this last syntax to import many icons, as it allows to avoid repeating "import ... from @m...". Steps to reproduce: ``` meteor create --release 1.8.2-rc.3 --typescript typescript-material-app cd typescript-material-app meteor npm install @material-ui/core @material-ui/icons meteor ``` Then in App.tsx: ``` // This works. ... import TagFaces from '@material-ui/icons/TagFaces'; export default () => ( <div> <h1>Welcome to Meteor! <TagFaces /></h1> ... ``` ``` // This fails. ... import { TagFaces } from '@material-ui/icons'; export default () => ( <div> <h1>Welcome to Meteor! <TagFaces /></h1> ... ```