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.
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" }
}
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
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).
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
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.
Vous pouvez le changer dans le fichier webpack.dev.js
du dossier config.
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
}
}