How to debug Angular universal?

Question

I am using Angular Universal Starter repo. In angular 4 universal for ssr we could debug browser and node part of application in dev mode(see console), but now I do not see way to debug node part. I tried to execute ts-node server.ts with some changes( paths to files, etc), but angular seems needs aot compiled app and

throw Error: You must pass in a NgModule or NgModuleFactory to be bootstrapped.

from docs:

Development (Client-side only rendering) - run npm run start which will start ng serve

Production (also for testing SSR/Pre-rendering locally) - npm run build:ssr && npm run serve:ssr

At first glance debug on Node.js in development do not work. At least from the box. May be someone resolve this issue.

Is it possible to use a service instead of the intense workload of Universal? Google bot should now be rendering SPAs just fine without it anyways: webmasters.googleblog.com/2019/05/… — Ben Racicot
Perhaps build the app and execute node --inspect manually. — G Man

kris_IV kris_IV · Accepted Answer · 2018-09-14T05:53:14

You can't debug node part of your Angular 4 app in browser. Node work on server part so you can't see this in browser (client side).

Only way to debug this part when you start it from ts-node server.ts is to use external tools like WebStorm etc. If you start your App in TS mode from Debug mode you can use all features of this tools.

How to debug Angular universal?

2 Answers