Comment définir le port dans next.js

Question

Une application s'exécute sur le port 3000 et je veux exécuter une autre application sur un port différent du port par défaut. Comment puis-je changer cela dans React Next.js. Mon script package.js est

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "next",
    "build": "next build",
    "start": "next start"
  },

et la commande de script de démarrage est npm run dev

Answer 1

Cela fonctionne pour moi

 "scripts": { 
       "dev": "next -p 8080" 
},

Answer 2

"scripts": {
    "dev": "next dev -p 8080", // pour le développement 
    "start": "next start -p 8080" // pour la production
},

Answer 3

Il suffit de faire :

yarn dev -p PORT_DE_VOTRE_CHOIX

Answer 4

Il existe deux façons de le faire:

Dans votre fichier package.json, ajoutez -p 8080 aux scripts dev/start pour démarrer le serveur sur le port 8080:

  "scripts": {
    "dev": "next -p 8080",
    "build": "next build",
    "profile-build": "next build --profile",
    "start": "next start -p 8080"
  }

Alternativement, si vous ne souhaitez pas coder en dur ceci dans le fichier package.json, vous pouvez démarrer le script avec la variable ENV PORT.

PORT=8080 npm run dev

Visitez la documentation de Vercel pour plus d'informations.

Answer 5

L'application démarrera par défaut à l'adresse http://localhost:3000. Le port par défaut peut être modifié avec -p, comme ceci :

 npx next dev -p 4000

Ou en utilisant la variable d'environnement PORT :

PORT=4000 npx next dev

note que j'ai utilisé npx et non npm

Vous pouvez également définir le nom d'hôte pour être différent du 0.0.0.0 par défaut, ce qui peut être utile pour rendre l'application disponible pour d'autres appareils du réseau. Le nom d'hôte par défaut peut être modifié avec -H, comme ceci :

 npx next dev -H 192.168.1.2

Si vous obtenez une erreur indiquant que le port est déjà utilisé, ce que vous pouvez faire pour résoudre le problème sous Windows est le suivant :

Aller dans le Gestionnaire des tâches.

Rechercher et trouver un processus nommé Node.js: Server-side.

Met fin à cette tâche particulière.