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.
I think this little code snippet may help you.
ng n debuggable-universal-server --interactive=false cd debuggable-universal-server ng add @nguniversal/express-engine --clientProject debuggable-universal-serverYou 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.
To create the server-side app module, app.server.module.ts, run the following CLI command.
ng add @nguniversal/express-engine
To start rendering your app with Universal on your local system, use the following command.
npm run dev:ssr