web-dev-qa-db-fra.com

Comment changer le port du serveur de 3000?

Je viens de terminer le tutoriel de Angular 2 et je ne trouve pas le moyen de changer le port localhost de 3000 à 8000. Dans mon fichier package.json, il y a la ligne "start": "concurrent \"npm run tsc:w\" \"npm run lite\" " que je crois liée, mais je ne suis pas sûr.

12
Jp_

Vous pouvez le modifier dans le fichier bs-config.json comme indiqué dans le document docs https://github.com/johnpapa/lite-server#custom-configuration

Par exemple, 

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

En utilisant Angular 4 et la CLI qui l'accompagnait, j'ai pu démarrer le serveur avec $npm start -- --port 8000. Cela a fonctionné ok: ** NG Live Development Server is listening on localhost:8000, open your browser on http://localhost:8000 **

Vous avez le conseil de Ici

 enter image description here  enter image description here

8
Hodglem

1-> Utilisation de File Default Config- Angular-cli provient du projet ember-cli. Pour exécuter l'application sur un port spécifique, créez un fichier .ember-cli à la racine du projet. Ajouter votre configuration JSON ici:

{ "port": 1337 }

2-> Utilisation de l'outil de ligne de commandeExécuter cette commande dans Angular-Cli

ng serve --port 1234

Pour changer le numéro de port de façon permanente:

Aller à 

node_modules/angular-cli/commandes/server.js

Recherchez var defaultPort = process.env.PORT || 4200; (remplacez 4200 par tout ce que vous voulez).

6
Akshay Bohra

Dans package.json, définissez la commande suivante (exemple d'exécution sur le port 82)

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

alors npm start

1
Alex Pandrea

Si vous n'avez pas bs-config.json, vous pouvez changer le port à l'intérieur du module lite-server. Allez dans node_modules/lite-server/lib/config-defaults.js dans votre projet, puis ajoutez le port dans "modules.export" comme ceci. 

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

Ensuite, vous pouvez redémarrer le serveur.

0
Divya N

Vous pouvez le changer dans le fichier webpack.dev.js du dossier config.

0
user7538631

Si vous voulez changer le numéro de port angulaire 2 ou 4, il vous suffit d’ouvrir le fichier .angular-cli.json et de conserver le code comme ci-dessous

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

}