[reactjs] “개발 서버 시작”에 반응 형 앱이 멈춤

Program / 글쓴이

create-react-app로 만든 반응 앱이 있습니다. npm start를 실행하면 (시작 스크립트는 package.json에 “start”: “react-scripts start”로 표시됨) 콘솔에 개발 서버 시작이 정상적으로 표시되고 브라우저가 시작됩니다. 그러나이 후에 콘솔과 브라우저 모두 무기한 아무것도하지 않습니다. 오류나 출력이 없습니다. 단순히 아무것도하지 않습니다.

답변

이 견인 점 확인

  1. 서버를 시작하기 전에 npm install 명령을 실행하십시오.

그런 다음 실행 중이 아닙니다. 두 번째 명령을 시도하십시오

  1. 노드 모듈을 제거하고 npm install을 다시 한 번 실행하십시오.

이 두 지점이 작동하지 않으면 추가 분석을위한 스크린 샷을 제공하십시오.

답변

마침내 이것을 해결했습니다. 나에게 문제는 내 웹팩 구성에 있습니다. 거기에 별칭 이름이 내 npm 패키지 이름과 동일한 웹팩 별칭이 있습니다.

즉 내 package.json상단에 다음이 있었다.

"name": "@mycompany/react-common-components"

내 안에 webpack.config.js내가 있었다

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

웹팩 별칭을 다음과 같이 변경하면 모든 것이 잘 작동했습니다.

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },

답변

나에게 비슷한 일이 있습니다.

Typescript로 변환하려는 반응 프로젝트가 있는데 “create-react-app”로 언급하고 모든 파일을 추가하고 최선을 다하기를 희망하면서 시작했지만 “개발 서버 시작” ” 메시지.

Windows 10에는 8GB Ram이 있으며 처음으로 기본 “npm start”를 사용한 후에는 노드 프로세스가 많은 메모리를 사용하는 것을 보았습니다. 따라서 더 많은 시간을 보내려고 노력했습니다. 포트 반응 사용을 변경하십시오.

  1. package.json의 시작 스크립트에 이것을 추가했습니다.

    "scripts": {
    "start": "PORT=3001 react-scripts --max_old_space_size=8128 start",
    ...
    }

  2. 크롬 브라우저를 모두 닫았습니다 (메모리가 많이 소모 됨)

  3. 그리고 약 1 분 동안 달렸습니다

1 분 후에 작동하기 시작했고 그 시점부터 빨리 시작하고 많은 메모리를 사용하지 않으며 선택한 포트에 의존하지 않습니다.

내 경우에는-React Typescript 프로젝트에서 처음으로 “npm start”를 실행할 때 파일을 색인화하거나 비슷한 것을 수행합니다. 확실하지 않고 읽을 필요가 있습니다 -typescript를 처음 사용합니다. ) 많은 메모리가 필요합니다.

귀하의 경우-비슷한 것일 수 있습니다

그것이 도움이되기를 바랍니다 🙂

답변

종속성에 package.json다음이 포함되어 있는지 확인하십시오 .

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

그리고 스크립트는 다음과 같습니다.

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

확인되면 다음 단계를 수행 할 수 있습니다.

1. npm install
2. npm run build
3. npm start

희망은 당신을 위해 작동합니다.

답변

Node 및 npm에 문제가 있다고 생각합니다. 먼저 버전을 확인하는 것이 좋습니다. 컴퓨터에 Node> = 8.10 및 npm> = 5.6이 있고 필요한 경우 업데이트해야합니다. 노드를 다시 설치해 볼 가치가 있습니다.

노드 로그를 체크인하면 문제에 대한 힌트를 얻을 수 있습니다 ( 여기 에 로그인하는 방법에 대한 자세한 정보 ).

답변

나는 또한 같은 문제가 있었다. 반응 스크립트의 이전 버전을 설치하십시오.

npm install react-scripts@2.1.8

도움이 되었기를 바랍니다!

답변

같은 문제가 있었으므로 먼저 빌드해야했습니다.

npm build
그때
npm start

나는 Mac에서 반응을 보였고 터미널이 작동하기 전에 크롬과 상호 작용할 수있는 권한을 부여해야했습니다.