2016-02-16 25 views
12

Ho appena terminato il tutorial di Angular 2 e non riesco a trovare un modo per cambiare la porta localhost da 3000 a 8000. Nel mio file package.json c'è la riga "start": "concurrent \"npm run tsc:w\" \"npm run lite\" " che credo sia correlata ma non ne sono sicuro.Come cambiare la porta del server da 3000?

+0

Era un problema reale che stavo avendo, può essere ovvio per voi, ma potrei avere saltare questa parte della documentazione. Penso di essermi espresso bene perché ho avuto una risposta perfetta. Ma sarei felice di sapere perché pensavi che non mi aspettassi seriamente una risposta alla mia domanda. –

risposta

16

È possibile modificare dentro bs-config.json file come menzionato nella documentazione https://github.com/johnpapa/lite-server#custom-configuration

Per esempio,

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

Ho appena dovuto togliere 'src' dai file e da baseDir. È stato perfetto. –

+0

Ciao @ Kalman, Nella mia installazione del progetto non c'è bs-config.json, quindi come posso cambiare il mio numero di porta. Potete per favore aiutarmi. però, ho cercato "porta" o "3000" nel mio intero progetto, ma niente del genere nel mio progetto. –

+0

@ShubhamVerma crea un nuovo file alla radice del progetto e aggiungi una sola voce per port (dato che non hai bisogno di altri). – Nitin

5

1-> Utilizzo di file predefinito Config- Angular-cli proviene dal progetto braci-cli. Per eseguire l'applicazione su una porta specifica, creare un file .ember-cli nella radice del progetto. Aggiungi il tuo config JSON in là:

{ "porta": 1337 }

2-> Uso di Command Line Tool Esegui questo comando in Angular-Cli

ng servire - port 1234

Per modificare il numero di porta in modo permanente:

Goto

node_modules/angolare-CLI/comandi/server.js

Cerca var defaultPort = process.env.PORT || 4200; (cambio 4200 a qualsiasi altra cosa che si desidera).

0

È possibile modificarlo nel file webpack.dev.js nella cartella config.

1

Se non si dispone di bs-config.json, è possibile modificare la porta all'interno del modulo lite-server. Vai a node_modules/lite-server/lib/config-defaults.js nel tuo progetto, quindi aggiungi la porta in "modules.export" in questo modo.

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

Quindi è possibile riavviare il server.

1

Utilizzo di Angular 4 e del cli fornito con il server È stato possibile avviare il server con $npm start -- --port 8000. Che ha lavorato ok: ** NG Live Development Server is listening on localhost:8000, open your browser on http://localhost:8000 **

Ottenuto il puntale dal Here

enter image description here enter image description here

+0

Perché il voto negativo? Questo funziona per assegnare la porta a 8000. – Hodglem

+0

perché non funziona –

+1

@AlexPandrea Vedi le immagini che ho aggiunto. Per favore spiega come "non funziona". – Hodglem

0

In package.json impostare il comando seguente (esempio per l'esecuzione sulla porta 82)

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

poi npm start

0

Se si desidera modificare il numero di porta nell'angolare 2 o 4, è sufficiente aprire .angular-cli.file json e abbiamo bisogno di mantenere il codice come sotto

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

} 
Problemi correlati