Unable to load application when using vite dev

[ryanchristo]

Describe the bug

The issue is best described here: vitejs/vite#11468

The solution is not clear and may vary for each developer experiencing this issue. The main cause of the issue seems to be vite, but additional causes include the size of the application and the number of imports required for each page, default browser security limits on linux computers, chrome (or brave) more generally.

This issue was initially intermittent for me (maybe a memory issue with too many applications running) but now this happens on every load regardless of restarting the dev environment, restarting the browser, and restarting my computer.

The only solution working for me at the moment is to use Firefox (even though this was not the solution for others). I've tried adjusting the security limits that were suggested with no luck (seems to only work for some people). I have not investigated the use of circular imports but this might be the best place to start. I haven't tried updating the node version but this is in review.

Maybe vite is not the right tool given the size of our application?

To Reproduce

Not sure how others can reproduce. As mentioned in the vite issue, reproducing may be challenging for others as the cause is not entirely clear. For me, I'm running the application on Ubuntu 22.04.3 LTS (latest LTS) with Brave v1.58.131 (latest).

Expected behavior

A developer should be able to run the application locally without the browser stalling and crashing.

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu 22.04.3 LTS
• Browser: Brave v1.58.131
• Version: dev

---

For Admin Use

• Not duplicate issue
• Appropriate labels and zenhub epics applied
• Appropriate contributors tagged

[ryanchristo]

I found this issue as well: vitejs/vite#5310

More information is provided and the issue was resolved with the addition of troubleshooting documents but the instructions in the troubleshooting documents did not solve the issue for me.