DEV Community

kiran
kiran

Posted on

ng update: Because Peace Was Never an Option πŸ˜‚

Angular Version Update Every Year Be Like 😭

Every year

Angular:

β€œA new version is available! πŸš€ Upgrade now.”

Developer:

Nice! Should be easy. Just ng update.”

5 minutes later…

ERESOLVE unable to resolve dependency tree

😐

Developer:

β€œOkay… let's check the dependencies.”

Then you discover:

  • Angular needs Node 20
  • Your project uses Node 18
  • One package needs Angular 17
  • Another package only supports Angular 16
  • Angular Material wants something else
  • Some random library hasn't been updated since 2022 πŸ’€

So you start upgrading one version at a time:

Angular 17 β†’ 18

πŸ”₯ 23 errors

Angular 18 β†’ 19

πŸ”₯ 47 errors

Angular 19 β†’ 20

πŸ”₯ 89 errors

At this point you're not upgrading the project anymore.

You're negotiating with npm.

Then comes the classic:

npm install --legacy-peer-deps β€” My Emotional Support Command πŸ˜‚

Developer:

β€œProblem solved.” 😎

Angular:

β€œAre you sure about that?”

πŸ˜‚

And after 6 hours of debugging...

ng serve

Finally:

βœ” Application bundle generation complete
βœ” Local: http://localhost:4200/

Developer:

β€œYESSSSS! πŸŽ‰β€

Then the browser opens:

ERROR RuntimeError: NG0203
ERROR NG0955
ERROR NG04002

πŸ’€πŸ’€πŸ’€

And the funniest part?

The application was working perfectly yesterday.

The Angular Developer Annual Cycle πŸ”„

January:
β€œI'll keep dependencies updated.”

March:
β€œIt's fine, we'll update later.”

June:
β€œDon't touch package.json.”

September:
β€œAngular released a new version.”

October:
β€œWhy did I do this to myself?”

November:
β€œEverything works again.”

December:
β€œNext year I'll update regularly.”

Next year:
πŸ” Same story.

Angular version update isn't an upgrade.
It's a yearly boss fight. πŸ˜‚

Angular 22 is here… You already know my first command. 😎

Top comments (0)