504s and slowdown on loading my project


#1

Project: busy-unicorn
I’ve been trying to install a new package kepler.gl to start work on it.
However, the pnpm installs take very long (could be the nature of the number and size of dependencies). After a successful install, I keep getting 504 Gateway Time-out on each change I make.

Many times, I don’t see anything in the logs, so I can’t tell if there’s something broken or it’s just the build takes a long time.

I’m not sure if I’m doing something wrong here or how to resolve this. Could you please take a look?


#2

When remixing your project, I see the error

ERROR  /react-onclickoutside/-/react-onclickoutside-6.7.1 is an invalid relative dependency path

Which might be causing an issue. But if you leave the project the build does eventually finish, producing the following warnings:

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

This can impact web performance.

Assets: 

  bundle.js (4.47 MiB)

WARNING in webpack performance recommendations: 

You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.

For more info visit https://webpack.js.org/guides/code-splitting/

I’d recommend taking a look at your config and seeing if you can make it a little leaner.