100 Days of Learning From My Mistakes – Day 2

Daniel — Wed, 13 Jul 2022 15:37:03 +0000

Why aren't my styles updating?! I've tried everything. Debugged my entire Sass project file by file. All imports correct. Everything peachy. What. The. Hell!

Did I forget CSS? Am I a terrible developer? Is this even for me? Why is the world against me?!

Oh. I forgot to run my Sass compiler...

npm run compile:sass

...deletes semi colon in any Sass file, hits cmd+s...the magnificent green console letters show up...main.scss compiled to app.css....

Dummy...

Note to self: Always make sure my Sass compiler is actually running before freaking out :)

-Dan
dndl.me

100 Days of Learning From My Mistakes – Day 1

Daniel — Fri, 08 Jul 2022 06:19:42 +0000

PSA: For a maximally enjoyable read, play my song of the day while reading.

After what essentially amounted to a day's worth of wasted time trying to figure this out, Heroku support came through for the win.

My personal website had been running flawlessly up until yesterday, where out of the great beyond my entire App crashed on Heroku. I was getting the dreaded H10 error. Interestingly it was happening only after adding a couple of icons with react-icons. I would push, then after a second or two of functionality it would crash.

But when I checked out to the head position before my adding of the icons, and pushed again it worked!

Surly this massive crash couldn't have been from adding a couple of tiny react-icons.

Well... kind of.

After sorting through a long list of accumulating errors, this one stuck out to the Heroku rep:

2022-07-07T17:47:12.103981+00:00 app[web.1]: FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Meaning...at some process in my application, WAY too much memory was being used in the memory heap.

For now, the short-term solution was changing the node settings on Heroku's end with

$ heroku config:set NODE_OPTIONS="--max_old_space_size=2560" -a <app_name>"

and

export NODE_OPTIONS="--max-old-space-size=8192"

to increase the allowed memory of node.

While that did fix the fatal error, I suspect I have a memory leak somewhere.

But that's for another Day of Learning from My Mistakes.

Until next time 👋
-Dan
www.dndl.me

DEV Community: Daniel

100 Days of Learning From My Mistakes – Day 2

100 Days of Learning From My Mistakes – Day 1