npm start가 포트 8000에서 서버를 실행하는 방법


85

나는 최근에 앵귤러 애플리케이션 개발을 위해 github의 앵귤러 시드 폴더를 사용했습니다. 이전 angularjs 튜토리얼에서는 노드 서버를 실행하기위한 모든 구성이있는 angular-seed 폴더에 스크립트 폴더와 server.js 파일이있었습니다. 그렇다면 npm은 이제 노드 서버 실행을 어떻게 시작하고 해당 노드 서버의 모든 구성은 어디에 있습니까?


package.json파일 에 있습니다. 참조 : github.com/angular/angular-seed/blob/master/package.json
Raghavendra

나는 각도가 아닌 솔루션 (기본적으로 React 인 Next.js)을 찾고 여기에 왔으며 아래 답변 에서 솔루션을 찾았습니다 . 적어도 나를 위해 Next.js를 사용하면 포트가 package.json파일에 정의되어 있지 않습니다 . npm run dev -- --port ####포트를 지정하겠습니다.
Jason R Stevens CFA

답변:


85

package.json파일 을 보면 .

당신은 이와 같은 것을 볼 수 있습니다

 "start": "http-server -a localhost -p 8000"

이것은 포트의 http-server주소에서 시작을 알려줍니다.localhost8000

http-server 는 노드 모듈입니다.

업데이트 :- @Usman의 주석을 포함하여 이상적으로는 귀하의 문서에 있어야 package.json하지만 그렇지 않은 경우 scripts섹션에 포함 할 수 있습니다 .


내 package.json에서 이것을 찾을 수 없었지만 "scripts": {} 섹션에 이것을 추가하면 저에게 효과적이었습니다.
Usman

@Usman 이상적으로는에 있어야 package.json하지만 그렇지 않은 경우 항상 추가 할 수 있습니다. 답변을 업데이트했습니다. 지적 해 주셔서 감사합니다.
Mritunjay

1
http 서버를 시작하지만 반응 스크립트는 시작하지 않습니다. PORT = 3001 반응-스크립트로 해결할 수있는 문제를 문제를 시작
일리아 Khudyakov

81

리 액트 애플리케이션이 있고 개발 머신은 모두 맥과 PC입니다. 시작 명령은 PC에서 작동하지 않으므로 해결 방법은 다음과 같습니다.

"start": "PORT=3001 react-scripts start",
"start-pc": "set PORT=3001&& react-scripts start",

내 Mac에서 :

npm start

내 PC에서 :

 npm run start-pc

이것은 정말로 내 하루를 구했습니다! Express의 경우 3000과 다른 포트에서 노드를 시작하는 올바른 노드를 찾고있었습니다. 감사합니다!. 그건 그렇고, 시작 명령은 PC에서 작동합니다. 그것은 내 설정에서 다음과 같습니다"start": "set PORT=3001 && node ./bin/www"
콘스탄틴

예, 잘못 입력했습니다. 시작은 PC에서 작동하지만 포트 설정 구문은 Mac / Linux와 다릅니다. 그래서 2 개의 "시작"명령이 있습니다. 하나는 Mac의 경우 "start"이고 다른 하나는 내 PC의 경우 "start-pc"입니다.
YeeHaw1234 2017-06-27

62

포트를 변경하려면

npm start --port 8000

질문은 포트 8000에서 시작하는 것이 었습니다. 오타로 인해 9000이 될 수 있습니까?
Akber 이크발

예,> ng serve "--port" "8000"을 사용합니다. 잘 실행합니다.
Kapil Raghuwanshi 19

1
왜 여분의 두 대시가 있습니까?
gfels

@gfels, 나는 모른다. 그러나 두 개의 추가 대시없이 시도했지만 작동하지 않았습니다.
jtagle

2
심지어 8000 포트를 지정한 후 가깝지만 여전히 3000을 찾고$ npm start -port 8000 > react-basics-v1@0.1.0 start F:\React\react-basics-v1 > react-scripts start "8000" Something is already running on port 3000.
리드 개발자

35

Windows 에서 다음을 실행하여 콘솔에서 포트를 변경할 수 있습니다 .

SET PORT=8000

들어 , 리눅스 또는 윈도우 WSL 다음을 사용 :

export PORT=8000

수출은 현재 쉘과 같은 모든 자식 프로세스에 대한 환경 변수 설정 NPM 을 사용할 수 있습니다.

npm 프로세스에 대해서만 환경 변수를 설정 하려면 명령 앞에 다음과 같은 환경 변수를 지정합니다 ( MacLinuxWindows WSL에서 ).

PORT=8000 npm run start

1
이것은 일시적으로 테스트하는 데 훨씬 더 간단합니다. 감사!
sbbs

5
이미 '기본'포트에서 다른 프로젝트를 실행하고있을 때 시작 명령의 일부로 지정합니다. PORT=<port #> npm start
Drew Reese

30

원하는 포트에서 올바르게 포트를 시작하려면 다음을 사용하십시오.

npm start -- --port 8000


1
이것이 바로 제가 여기에서 찾고 있던 것입니다. Next.js (React)를 사용하고 있으며 이제 지정된 포트에서 개발 서버를 실행할 수 있습니다. npm run dev -- --port 8000매력처럼 작동했습니다.
Jason R Stevens CFA

Something is already running on port 3000어느 쪽도 작동하지 않습니다
dotista2008

1
이것은 나를 위해 작동하지 않았습니다. 모듈은 3000에 자동으로 시작됩니다.
BReddy

3
왜 여분이 --있습니까?
Amir Heshmati

2
두 개의 추가 --에 대해이 스레드에 아주 좋은 답변이 있습니다 @AmirHeshmati stackoverflow.com/questions/43046885/…
theocikos

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.