javascript - Angular 5 Universal: Using server.ts in Development - Stack Overflow

admin管理员组

文章数量:1405192

I used the new Angular Universal Starter to start a new Angular 5 project. For the new release they only give the Angular CLI version as a starter. Everything works fine and I can run my project in production with npm run serve:ssretc.

But: I have a custom API for the node.js/express server that acts as a wrapper for my backend.

When starting the project in development with ng serveor npm run startI have a working Angular application with automatic reload on file changes etc. Unfortunately in development the server.ts file is ignored, so my API wrapper is not available.

So did anyone get the new Angular Starter Kit up and running with the server.ts file used in development?

I used the new Angular Universal Starter to start a new Angular 5 project. For the new release they only give the Angular CLI version as a starter. Everything works fine and I can run my project in production with npm run serve:ssretc.

But: I have a custom API for the node.js/express server that acts as a wrapper for my backend.

When starting the project in development with ng serveor npm run startI have a working Angular application with automatic reload on file changes etc. Unfortunately in development the server.ts file is ignored, so my API wrapper is not available.

So did anyone get the new Angular Starter Kit up and running with the server.ts file used in development?

• javascript
• node.js
• angular
• express
• angular-universal

Share Follow asked Nov 6, 2017 at 11:41 DenisDenis 30922 silver badges1414 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

As of now angular cli does not support universal to run in dev mode. You can try nodemon if watching changes is what you need:

nodemon --ignore dist -e ts --exec 'npm run build:ssr && npm run serve:ssr'

It will restart every time you change a .ts file, but it will build the whole application again, so it is not fast.

On Github FriOne mentioned a better workaround using ts-node-dev:

ts-node-dev --fast --respawn server.dev.ts

To run this I duplicated the server.ts file to server.dev.ts only with the APIs I need to access while in dev. this way you can use ng serve for fast rebuilds while developing and still access your node-apis.

本文标签： javascriptAngular 5 Universal Using serverts in DevelopmentStack Overflow