CODEWITHSUNDEEP
npmangular
Jp_
Jp_

Reputation: 6183

How to change the server port from 3000?

I just ended the tutorial of Angular 2 and I can't find a way to change the localhost port from 3000 to 8000. In my package.json file there's the line "start": "concurrent \"npm run tsc:w\" \"npm run lite\" " that I believe is related but I'm not sure.

Upvotes: 24

Views: 167638

Answers (8)

muriukialex
muriukialex

Reputation: 93

"scripts": {
  "start": "concurrent \"npm run tsc:w\" \"npm run lite\" --port 5000"
},

Upvotes: 1

Divya N
Divya N

Reputation: 9

If you don't have bs-config.json, you can change the port inside the lite-server module. Go to node_modules/lite-server/lib/config-defaults.js in your project, then add the port in "modules.export" like this. 

module.export {
    port :8000, // to any available port
    ...
}

Then you can restart the server.

Upvotes: 0

Rajesh Kumar Kanumetta
Rajesh Kumar Kanumetta

Reputation: 322

If want to change port number in angular 2 or 4 we just need to open .angular-cli.json file and we need to keep the code as like below

"defaults": {
    "styleExt": "css",
    "component": {}
  }, 
"serve": {
      "port": 8080
    }

}

Upvotes: 0

Hodglem
Hodglem

Reputation: 634

Using Angular 4 and the cli that came with it I was able to start the server with $npm start -- --port 8000. That worked ok: ** NG Live Development Server is listening on localhost:8000, open your browser on http://localhost:8000 **

Got the tip from Here

enter image description here enter image description here

Upvotes: 16

Alex P.
Alex P.

Reputation: 1158

In package.json set the following command (example for running on port 82)

"start": "set PORT=82 && ng serve --ec=true"

then npm start

Upvotes: 3

Akshay Bohra
Akshay Bohra

Reputation: 319

1-> Using File Default Config- Angular-cli comes from the ember-cli project. To run the application on specific port, create an .ember-cli file in the project root. Add your JSON config in there:

{ "port": 1337 }

2->Using Command Line Tool Run this command in Angular-Cli

ng serve --port 1234

To change the port number permanently:

Goto

node_modules/angular-cli/commands/server.js

Search for var defaultPort = process.env.PORT || 4200; (change 4200 to anything else you want).

Upvotes: 7

user7538631
user7538631

Reputation: 1

You can change it in the webpack.dev.js file in config folder.

Upvotes: 0

Kalman
Kalman

Reputation: 8121

You can change it inside bs-config.json file as mentioned in the docs https://github.com/johnpapa/lite-server#custom-configuration

For example, 

{
  "port": 8000,
  "files": ["./src/**/*.{html,htm,css,js}"],
  "server": { "baseDir": "./src" }
}

Upvotes: 23

Related Questions