web-dev-qa-db-fra.com

Angular 6 - Comment changer le port par défaut 4200

Cette question est spécifique à la version 6 de Angular, pas plus tôt, car le fichier .angular-cli.json a été remplacé par le fichier angular.json file.

J'ai créé un nouveau projet Angular 6 et j'ai essayé, comme je l'ai toujours fait avec les versions précédentes, de changer son port par défaut, mais cette fois-ci dans angular.json.

  "defaults": {
    "serve": {
      "port": 4220
  },

Mais obtenez l'erreur suivante:

Schéma non valide détecté dans .angular-cli.json, veuillez corriger et essayer encore!

Est-ce que quelqu'un sait comment faire cela avec cette nouvelle version de Angular?

angularportangular-cli-v6
12
Sami-L

En raison d'un titre non précis: " angular-cli server - comment spécifier le port par défaut ", il était difficile de trouver une réponse à ma question, mais grâce à Vladymir Gonzalez, je l'ai fait.

Pour aider les autres à trouver la réponse rapidement, j'ai extrait ici la partie spécifique de Angular 6, appartenant à elwyn :

Mise à jour pour @ angular/cli @ 6.x: Dans le nouveau fichier angular.json, vous indiquez maintenant un port par "projet".

"projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 1337
                }
            }
        }
    }
}

Toutes les options disponibles:

https://github.com/angular/angular-cli/wiki/angular-workspace

28
Sami-L

Vous pouvez toujours spécifier le port tout en servant également: ng serve --port 3000 

Vous pouvez y mettre n'importe quel numéro de port valide et il servira depuis ce port 

4
Nicholas Pesa

Je donne réponse pour angular 2+ application.

Si vous voulez démarrer 2 applications angulaires dans différents ports, vous pouvez commencer par utiliser 

1) port 4200 
2) port 5000

vous devez changer "package.json" fichier et simplement changer ajouter une ligne "Bloc de script" dans les premières accolades où le nom de votre application, version est disponible par défaut

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000 ",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Démarrez votre application par "npm start" command . Cette commande démarrera votre application sur Port 5000 .

2
Deva

Deux façons de changer votre port par défaut Premièrement: en utilisant la commande 

ng serve --port 8000 || ng serve --Host '192.168.1.1' --port 8000

Deuxièmement: éditez votre package.json

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 8000",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

Si vous utilisez plusieurs projets depuis un certain temps dans votre système, la première condition est la meilleure et la meilleure solution

0
Abhishek