web-dev-qa-db-fra.com

Comment changer le port angulaire de 4200 à un autre

Je veux utiliser 5000 au lieu de 4200 .. 

Ce que j’ai essayé, c’est que j’ai créé un fichier sur le nom racine ember-cli et que je mette JSON selon le code ci-dessous:

{
   "port": 5000
}

Mais mon application fonctionne toujours sur 4200 au lieu de 5000

angular-cli
114
Ashutosh Jha

La solution a fonctionné pour moi était 

ng serve --port 4401

(Vous pouvez changer le numéro 4401 en le nombre que vous voulez)

Puis lancez le navigateur -> http: // localhost: 4401/

En gros, j’avais deux applications et avec l’application ci-dessus, je peux maintenant les exécuter simultanément dans mon environnement de développement.

173
David

Vous pouvez changer le port de votre application en entrant la commande suivante,

ng serve --port 4200

En outre, pour une installation permanente, vous pouvez modifier le port en modifiant le fichier angular-cli.json.

 "defaults": {
    "serve": {
      "port": 8080
    }
  }
86
ganesh kalje

Changer nodel_modules/angular-cli/commands/server.js est une mauvaise idée car il sera mis à jour lors de l'installation de la nouvelle version de angular-cli. A la place, vous devez spécifier ng serve --port 5000 in package.json comme ceci:

"scripts": {
    "start": "ng serve --port 5000"
}

Vous pouvez également spécifier un hôte avec --Host 127.0.0.1

43
Dhyey

Il semble que les choses ont changé dans les versions récentes de la CLI (j'utilise 6.0.1). J'ai pu modifier le port par défaut utilisé par ng serve en ajoutant une option port au angular.json de mon projet:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4201
                    }
                }
            }
        }
    }
}

(Seules les propriétés pertinentes sont présentées dans cet exemple.)

24
Nathan Friend

Cela a changé plusieurs fois.

Si vous utilisez Angular CLI 1

Changer angular-cli.json

{
  "defaults": {
    "serve": {
      "Host": "0.0.0.0",
      "port": 5000 
    }
  }
}

Si vous utilisez la dernière CLI Anfular

Changer angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "Host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

Sans changer aucun fichier

Lancer la commande

ng serve --Host 0.0.0.0 --port 5000
16
arsanyf

J'utilise généralement la commande ng set pour modifier les paramètres CLI angulaire pour le niveau projet.

ng set defaults.serve.port=4201

Cela change, change votre .angular.cli.json et ajoute les paramètres du port comme il a été mentionné précédemment .

Après cette modification, vous pouvez simplement utiliser ng serve et le port préféré sera utilisé sans avoir besoin de le spécifier à chaque fois.

12
csikosjanos

Personne n'a mis à jour la réponse pour le dernier CLI angulaire. Avec le dernier Angular CLI

Avec latest version de angular-cli dans lequel angular-cli.json est renommé en angular.json, vous pouvez modifier le port en modifiant le fichier angular.jsonVous spécifiez maintenant un port par "project"

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

En savoir plus à ce sujet here

9
Sajeetharan

vous pouvez également entrer la commande ci-dessous dans votre cli angulaire où vous entrez normalement npm start

ng serve --Host "ip-address" --port "numéro-port"

7
Ajitesh Jaiswal

  • Pour permanent:

    Allez à nodel_modules/angular-cli/commandes/server.js Recherchez var defaultPort = process.env.PORT || 4200; et remplacez 4200 par tout ce que vous voulez.

  • À courir maintenant:

    ng serve --port 4500 (Vous pouvez changer 4500 en un nombre que vous souhaitez utiliser comme port)

5
Deepak swain

Vous pouvez modifier le numéro de port par défaut configuré dans le fichier serve.js.

Le chemin sera project_direcory/node_modules/angular-cli/commands/serve.js.

Rechercher cette ligne -> var defaultPort = process.env.PORT || 4200; 
Remplacer par cette ligne -> var defaultPort = process.env.PORT || 5000;

4
Amruth LS

vous pouvez aussi écrire cette commande: ng serve -p 5000

4
Sara Vaseei

Exécuter ci-dessous la commande pour autre que 4200 

ng serve --port 4500
3
Sagar Jadhav

Dans angular.json: 

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000
         }

J'utilise angular-cli. Cela a fonctionné pour moi.

2
Deepak Singla

en angulaire 2 ++.

Pour changer de port, vous pouvez exécuter la commande ci-dessous dans le terminal:

ng serve --Host 0.0.0.0 --port 5000.
2
Nitya nand

lancez simplement ng serve --port 5000 --open

2
Daniel Torres Laserna

Just Run

ng serve --port yourport

Exemple:

ng serve --port 4401

1
Akitha_MJ

Bien qu'il existe déjà de nombreuses solutions valables dans les réponses ci-dessus, voici un guide visuel et solution spécifique pour les projets Angular 7 (éventuellement avec des versions antérieures également, aucune garantie) à l'aide de Visual Studio Code. Localisez le fichier schema.json dans les répertoires comme indiqué dans l’arborescence de l’image et modifiez le nombre entier sous port -> par défaut pour un changement permanent du port dans le navigateur.

 enter image description here

1
themightyhulk

aller à ce dossier

node_modules\@angular-devkit\build-angular\src\dev-server\schema.json

et port de recherche

"port": {
  "type": "number",
  "description": "Port to listen on.",
  "default": 4200
},

changez ce que vous voulez par défaut et redémarrez le serveur

0
Sohail Ahmad

Nous avons deux façons de changer le numéro de port par défaut dans Angular.

Première façon de cliquer sur la commande:

ng serve --port 2400 --open

La deuxième manière est par la configuration à l'emplacement: ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

Apportez des modifications dans le fichier schema.json.

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },
0
Satyendra Patel