Running Angular Application and JSON-Server With Same Startup Script

Question

I have a requirement to run both my angular application and JSON-server simultaneously when I run "ng serve" or "npm run start", rather than having to start each one separately.

How do I modify the startup scripts to do so? Note: This is running in Windows.

Edit: I've changed the start script in my package.json to the following, but it only starts up json-server, not the Angular application:

"start": "json-server --watch db.json && ng-serve",

Solution: I ended up solving this by installing ```npm-run-all``, and adding new entries to the scripts in package.json:

"json-server" : "json-server --watch db.json"
"serve" : "ng serve"
"start" : "run-p json-server serve"

I never figured out why "&&" didn't work.

try here: How to concurrently run nodejs and angular4 with single command? — traynor
– traynor, Commented Jan 12, 2023 at 13:23

saurabh solanke · Accepted Answer · 2023-06-14 19:02:51Z

2

It Worked for me like this,

in package.json

"start": "json-server --watch db.json & ng serve"

then i used,

npm run start

And it worked for me like this.

answered Jun 14, 2023 at 19:02

saurabh solanke

291 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rodrigo Roma · Accepted Answer · 2023-01-12 13:00:31Z

1

Did you try using:

"start": "json-server --watch db.json & ng-serve",

with a single & ?

if command1 succeeds then execute command2 (IF) -> command1 && command2

Execute command1 and then execute command2 (AND) -> command1 & command2

Execute command2 only if command1 fails (OR) -> command1 || command2

Your json-server maybe is not "returning" a "success" code

answered Jan 12, 2023 at 13:00

Rodrigo Roma

111 bronze badge

1 Comment

Jason Over a year ago

Yes, I've tried both & and &&. Basically, it runs the first command but not the second. Your idea of not returning a success code makes a lot of sense, but I still need both to run with a single command.

Catweazle · Accepted Answer · 2023-05-03 19:57:48Z

1

I think it's simple to explain.

&& = sequential execution

& = parallel execution

And the reason why your 'ng serve' was not executed is by the fact, that it only executes when the first script has completed.

In your case you're starting a json-server, but the server is running and watching the db.json file, which means this program never ends. So the ng serve will not be executed.

answered May 3, 2023 at 19:57

Catweazle

1252 silver badges8 bronze badges

Collectives™ on Stack Overflow

Running Angular Application and JSON-Server With Same Startup Script

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related