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

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

이 견인 점 확인

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

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

2. 노드 모듈을 제거하고 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에서 반응을 보였고 터미널이 작동하기 전에 크롬과 상호 작용할 수있는 권한을 부여해야했습니다.

나를 위해 문제는 내가 가지고 있었다 .css 파일을 .

CSS 파일 이름을 .scss 작동합니다.

어떤 이유로 든 create-react-app이 CSS 파일을 질식시킵니다.

기묘한.