Ich möchte 5000 anstelle von 4200 verwenden.
Was ich versucht habe, ist, dass ich eine Datei mit dem Stammnamen erstellt ember-cli
und JSON gemäß dem folgenden Code eingefügt habe:
{
"port": 5000
}
Aber meine App läuft immer noch auf 4200 statt 5000
angular-cli
Ashutosh Jha
quelle
quelle
Antworten:
Die Lösung für mich war
(Sie können 4401 auf eine beliebige Nummer ändern.)
Starten Sie dann den Browser -> http: // localhost: 4401 /
Grundsätzlich hatte ich zwei Anwendungen und mit Hilfe des oben beschriebenen Ansatzes kann ich jetzt beide gleichzeitig in meiner Entwicklungsumgebung ausführen.
quelle
npm start --port 4401
weilnpm start
der --portng serve --port 4401 --open
Sie können Ihren Anwendungsport ändern, indem Sie den folgenden Befehl eingeben:
ng dienen --port 4200
Für eine dauerhafte Einrichtung können Sie den Port auch ändern, indem Sie die Datei angle-cli.json bearbeiten
quelle
Es scheint, dass sich die Dinge in den letzten Versionen der CLI (die ich verwende
6.0.1
) geändert haben . Ich konnte den verwendeten Standardport ändern,ng serve
indemport
ich meinem Projekt eine Option hinzufügteangular.json
:(In diesem Beispiel werden nur relevante Eigenschaften angezeigt.)
quelle
Das Ändern
nodel_modules/angular-cli/commands/server.js
ist eine schlechte Idee, da es aktualisiert wird, wenn Sie eine neue Version von installierenangular-cli
. Stattdessen sollten Sie angeben --port 5000 dienen ng inpackage.json
etwa so aus :Sie können den Host auch mit --host 127.0.0.1 angeben
quelle
ng serve
? Scheint nicht zu funktionieren, wenn ich im Browser einchecke mitlocalhost:5000
npm start
als Kommando dienenangular.json
Der Speicherort für die Porteinstellungen hat sich einige Male geändert.
Bei Verwendung von Angular CLI 1
Veränderung
angular-cli.json
Bei Verwendung der neuesten Angular CLI
Veränderung
angular.json
Ohne eine Datei zu ändern
Führen Sie den Befehl aus
quelle
serve
Option Ebene enthält zwei Elemente mitbrowserTarget
,options
undconfigurations/production
. Sollte ich diesen neuenport
Eintrag in beiden oder nur in demoptions
einen hinzufügen ?Niemand hat die Antwort für die neueste Angular CLI aktualisiert. Mit der neuesten
Angular CLI
Mit
latest version
von angle-cli, in das angle-cli.json umbenannt wurde,angular.json
können Sie den Port ändern, indemangular.json
Sie die Datei bearbeiten , für die Sie jetzt einen Port angeben"project"
Lesen Sie mehr darüber
here
quelle
browserTarget
Eintrag enthält , genauso wieserve / options
wir den neuen hinzufügenport
?Normalerweise verwende ich den
ng set
Befehl, um die Angular CLI-Einstellungen für die Projektebene zu ändern.Es ändert Änderungen
.angular.cli.json
und fügt die Porteinstellungen hinzu, wie bereits erwähnt .Nach dieser Änderung können Sie einfach verwenden
ng serve
und den bevorzugten Port verwenden, ohne ihn jedes Mal angeben zu müssen.quelle
Sie können auch den folgenden Befehl in Ihre Winkel-CLI eingeben, in der Sie normalerweise npm start eingeben
ng dienen --host "IP-Adresse" --port "Portnummer"
quelle
Sie können diesen Befehl auch schreiben:
ng serve -p 5000
quelle
gehe zu dieser Datei
und Suchport
Ändern Sie den Standardwert nach Belieben und starten Sie den Server neu
quelle
node_modules/@angular/cli/lib/config/schema.json
die die gleiche Eigenschaft enthält.Für Permanent:
Goto nodel_modules / Winkel-cli / Befehle / server.js Suche nach var Default = process.env.PORT || 4200; und ändern Sie 4200 auf alles andere, was Sie wollen.
Jetzt ausführen:
ng serve --port 4500 (Sie ändern 4500 in eine beliebige Nummer, die Sie als Port verwenden möchten.)
quelle
node_modules
eine gute Praxis, den Inhalt eines lokal installierten Pakets zu ändern .Es wird nicht empfohlen, die Knotenmodule zu ändern, da durch Aktualisierungen oder Neuinstallationen diese Änderungen möglicherweise entfernt werden. Also besser in eckigen Cli ändern
Winkel 9 in angle.json
quelle
Sie können die Standardportnummer bearbeiten, die in der Datei serve.js konfiguriert ist.
Pfad wird sein
project_direcory/node_modules/angular-cli/commands/serve.js
.Nach dieser Zeile suchen -> Durch
var defaultPort = process.env.PORT || 4200;
diese Zeile ersetzen ->
var defaultPort = process.env.PORT || 5000;
quelle
einfach laufen
ng serve --port 5000 --open
quelle
Führen Sie den folgenden Befehl für andere als 4200 aus
quelle
In angle.json:
Ich benutze Angular-Cli. Das hat bei mir funktioniert.
quelle
im Winkel 2 ++.
Um den Port zu ändern, können Sie den folgenden Befehl im Terminal ausführen:
quelle
Obwohl die obigen Antworten bereits zahlreiche gültige Lösungen enthalten, finden Sie hier eine visuelle Anleitung und eine spezifische Lösung für Angular 7-Projekte (möglicherweise auch frühere Versionen, jedoch keine Garantien), die Visual Studio Code verwenden. Suchen Sie die Datei schema.json in den Verzeichnissen, wie in der Bildstruktur gezeigt, und ändern Sie die Ganzzahl unter Port -> Standard für eine dauerhafte Änderung des Ports im Browser.
quelle
Zur
angular.json
Datei gehen,Suchen Sie nach dem Schlüsselwort "dienen":
Fügen Sie das
port
Schlüsselwort wie unten gezeigt hinzu:quelle
Wir haben zwei Möglichkeiten, die Standardportnummer in Angular zu ändern.
Erster Weg zum Befehl cli:
Der zweite Weg ist durch Konfiguration am Standort :
ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json
.Nehmen Sie Änderungen an der
schema.json
Datei vor.quelle
Renn einfach
ng dienen --portieren Sie Ihren Hafen
Beispiel:
quelle
Der Code, der für mich funktionierte, war wie folgt
Beispielsweise
quelle
Zum Ausführen und Öffnen im Browser verwenden Sie automatisch das Flag
-open
oder einfach-o
Hinweis: Der Port 4200 ist beliebig. Es kann jeder Hafen Ihrer Wahl sein
quelle
Wenn Sie die Umgebungsvariable NodeJS verwenden möchten, um den Wert des Ports des Angular CLI-Entwicklungsservers festzulegen, ist folgender Ansatz möglich:
DEV_SERVER_PORT
) undng serve
mit einem--port
Parameterwert ausgeführt werden kann, der aus dieser Variablen stammt ( child_process könnte hier unser Freund sein):DEV_SERVER_PORT
Umgebungsvariable einzurichten (kann über dotenv erfolgen ).Hier ist auch die vollständige Beschreibung dieses Ansatzes: So ändern Sie den Port des Angular CLI Development Server über .env .
quelle
Dadurch wird auch Ihr Fenster automatisch geöffnet
quelle