bestsource

npx create-react-app을 사용하여 react를 설치할 수 없습니다.

bestsource 2023. 3. 5. 10:14
반응형

npx create-react-app을 사용하여 react를 설치할 수 없습니다.

npx create-react 앱을 사용하려고 하는데 다음과 같은 오류가 있습니다.

npm ERR! Unexpected end of Json input while parsing near
'...eact-app/-/create-rea'

npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\dp\AppData\Roaming\npm-cache\_logs\2018-12-06T18-42-56-293Z-debug.log

Install for create-react-app@latest failed with code 1** 

에러 로그 파일은 여기에 있습니다.

어떻게 하면 이 문제를 없앨 수 있을까요?

0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',

1 verbose cli   
'C:\\Users\\dp\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',

1 verbose cli   'install',

1 verbose cli   'create-react-app@latest',

1 verbose cli   '--global',

1 verbose cli   '--prefix',

1 verbose cli  
'C:\\Users\\dp\\AppData\\Roaming\\npm-cache\\_npx\\3588',

1 verbose cli   '--loglevel',

1 verbose cli   'error',

1 verbose cli   '--json' ]

2 info using npm@6.4.1

3 info using node@v10.13.0

4 verbose npm-session 7862701600d4f4ce

5 silly install loadCurrentTree

6 silly install readGlobalPackageData

7 http fetch GET 304 

https://registry.npmjs.org/create-react-app 872ms (from cache)

8 silly fetchPackageMetaData error for create-react-app@latest
Unexpected end of JSON input while parsing near
'...eact-app/-/create-rea'

9 timing stage:rollbackFailedOptional Completed in 4ms 10 timing
stage:runTopLevelLifecycles Completed in 1693ms 11 verbose stack
SyntaxError: Unexpected end of JSON input while parsing near
'...eact-app/-/create-rea' 11 verbose stack     at JSON.parse
(<anonymous>) 11 verbose stack     at parseJson
(C:\Users\dp\AppData\Roaming\npm\node_modules\npm\node_modules\json-parse-better-errors\index.js:7:17)
11 verbose stack     at consumeBody.call.then.buffer
(C:\Users\dp\AppData\Roaming\npm\node_modules\npm\node_modules\node-fetch-npm\src\body.js:96:50)
11 verbose stack     at process._tickCallback
(internal/process/next_tick.js:68:7) 12 verbose cwd C:\Users\dp 13
verbose Windows_NT 6.3.9600 14 verbose argv "C:\\Program
Files\\nodejs\\node.exe"
"C:\\Users\\dp\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js"
"install" "create-react-app@latest" "--global" "--prefix"
"C:\\Users\\dp\\AppData\\Roaming\\npm-cache\\_npx\\3588" "--loglevel"
"error" "--json" 15 verbose node v10.13.0 16 verbose npm  v6.4.1 17
error Unexpected end of JSON input while parsing near
'...eact-app/-/create-rea' 18 verbose exit [ 1, true ]

이 문제를 해결하려면 다음 명령을 순서대로 실행합니다.

npm init
npm install create-react-app
npx create-react-app myapp

같은 문제 "Install for create-react-app@latest failed with code 7" 이었습니다.이것을 사용합니다.그것은 나에게 효과가 있었다.

npm install -g create-react-app    
npx create-react-app my-app     
cd my-app      
npm start     

자세한 것은, https://www.techomoro.com/how-to-install-and-setup-a-react-app-on-windows-10/ 를 참조해 주세요.

npm 캐시 지우기:

npm cache clean --force

그럼 다시 시도해봐

먼저 단말기에 다음과 같이 입력하여 캐시를 클리어합니다.

npm cache clean --force

그런 다음 다음 npm 버전을 업그레이드하거나 다음과 같이 입력합니다.

npm install -g npm@next

이제 Windows 설정에서 프로그램 및 기능의 "NodeJS"로 이동하여 설치를 복구합니다.

터미널을 다시 시작하고 다음을 입력합니다.

npx create-react-app my-app

이것으로 문제가 해결되기를 바랍니다.

공식 소스 https://reactjs.org/docs/create-a-new-react-app.html#create-react-app 명령어를 사용했을 때도 리액트 프로젝트를 만들 때 같은 문제가 있었습니다.

npx create-react-app my-app
cd my-app
npm start

위의 명령어는 내 창문에 작동하지 않는다.머신에 Node > = 6 및 npm > = 5.2가 있는데 localhost:3000을 열 수 없는 경우에도 이 명령을 사용했습니다.

npm install -g create-react-app
create-react-app my-app-name
cd my-app-name
npm start

그것은 완벽하게 잘 작동했다.https://www.youtube.com/watch?v=pCgDRgmfilE에서 배웠습니다.

나 이거 성공했어!!

json.json 파일npm init

npx create-react-app myapp

npm uninstall -g create-react-app
npx create-react-app my-app

create-react-app 패키지를 글로벌하게 설치할 필요는 없습니다.'npx'는 최신 버전으로 이미 설치 중입니다.

퀵 스타트

인터넷 속도가 느려서 그런 경우가 있어요.이걸로 해봐.

 npx create-react-app <app name> -timeout=60000

디폴트 타임아웃= 30000(30초).필요한 경우 타임아웃을 늘립니다.

이 문제는 여러 가지 이유로 인해 발생합니다.

    1. 이 문제는 리액트 앱을 설치하는 데 필요한 노드 모듈 중 하나가 누락된 경우에 발생합니다.
    1. 또 다른 이유는 네트워크 연결이 불안정하기 때문입니다.
    1. 드물지만 드물게 안티바이러스가 캐시 내의 cmd 파일을 말웨어로 간주할 수 있습니다.

바이러스 대책에 문제가 있는 경우는, 커맨드를 실행하는 기간 동안 바이러스 대책 기능을 무효로 합니다.

npx create-react-app이 시스템에서 작동하지 않는 이유가 무엇이든 다음 명령을 순서대로 실행합니다.

npm cache clean --force 
npx create-react-app my-app  

이게 너한테 효과가 있는지 알려줘

  • 안티바이러스 화이트리스트에서 노드 소프트웨어

  • 내 관점에서는, 네 시스템에 바이러스 백신 프로그램이 실행 중이고 노드를 차단하고 있는지 확인해봐.보다 구체적으로 exe (ByteFence 안티멀웨어)

  • 내 경우 노드 시스템 호출을 차단합니다.

  • 시스템 트레이의 숨겨진 아이콘에서 종료했습니다.정상적으로 동작합니다.

=> npm 시작 시

  • 바이러스 백신에서 화이트리스트에 추가하거나 차단 목록에 추가할 수 있는 권한을 요청하는 경우가 있습니다. 안티바이러스를 중지하거나 화이트리스트를 추가합니다.

같은 문제지만, 여기 해결책이 있습니다.

npm 캐시 클리어 --force

여기에 이미지 설명 입력

사용자 PC 이름에 공백이 포함되어 있기 때문에 버그가 발생하고 있습니다.이 문제는 다음 코드로 해결할 수 있습니다.

> npm config set cache "C:\Users\mycomputer~1name\AppData\Roaming\npm-cache" --global

나는 이런 문제에 봉착했다.번거로움이 전혀 없는 표준 솔루션을 생각해 내기 위해서는 많은 구글 검색과 실험이 필요했습니다.캐시를 클리어하거나 폴더를 변경할 필요가 없습니다.실행할 때마다

npx create-react-app myapp

이 에러가 표시된다.

A template was not provided. This is likely because you're using an outdated version of create-react-app.

및 그 하기 위해서는 을 사용합니다.npx다음 중 하나를 수행합니다.NB : volta를 사용하기 전에 volta를 설치합니다.노드가 설치되어 있는지 확인합니다.

npm install npx
volta install npx

volta는 보다 빠르고 유연하게 사용할 수 있으므로 volta를 사용하여 종속성을 관리할 것을 강력히 권장합니다.특별한 지시가 없는 한 설치하려는 패키지의 최신 버전을 설치합니다.볼타 이리 와

npx 갱신이 완료되면 npx 오류는 과거가 됩니다.에러가 발생했을 경우는, 문의해 주세요.

  1. 안티바이러스 화이트리스트에서 노드 소프트웨어

  2. 내 관점에서는, 네 시스템에 바이러스 백신 프로그램이 실행 중이고 노드를 차단하고 있는지 확인해봐.보다 구체적으로 exe (ByteFence 안티멀웨어)

  3. 내 경우 노드 시스템 호출을 차단합니다.

  4. 시스템 트레이의 숨겨진 아이콘에서 종료했습니다.정상적으로 동작합니다.

할 때

npm 시작

  • 일부 안티바이러스가 화이트리스트에 추가하거나 차단 목록에 추가할 권한을 요청하는 경우가 있으므로 안티바이러스를 중지하거나 화이트리스트를 추가합니다.

모든 것을 시도해 봤지만 아무 소용이 없었다.

후 하여 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★.npm init 뒤에 「」가 붙습니다.npm install create-react-appAvast의 잠재적인 유해 파일 경고를 받았지만, 괜찮았고 확인했습니다. ★★★create-react-app시도는 실패했지만 다시 시도해보니 효과가 있었어요.

방화벽 등이 노드의 함수 실행을 차단하고 있을 가능성이 있기 때문에 never callback() never callback()이 에러 호출되지 않습니다.

네트워크 문제가 있었기 때문에 이 방법이 효과가 있었습니다.

npx create-react-app <app name> -timeout=60000

npm cache clean --force

npx create-react-app project_name --template all

cd project_name

npm 시작

이건 나한테 효과가 있었어.

npm cache clean --force
npm init -y
npx create-react-app my-app

Windows PowerShell을 관리자로 실행하고 다음과 같이 입력합니다.

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned

이것을 시험해 보세요.

npm cache clean --force
npx create-react-app myapp

그것은 나에게 효과가 있었다.

뛰어가세요npm cache clean --force

사용하시는 경우VS code터미널을 확인해 주세요.

새로운 프로젝트를 시작해도 괜찮을 거예요.

먼저 다음 폴더를 만듭니다.

Mkdir(폴더 이름)

폴더에 두 번째 CD를 넣습니다.

CD folder_name

세 번째로 npx create-react-app을 실행합니다./

그러면 새로운 리액트 앱이 생성됩니다.

2022년 4월 현재 버전 17인 노드의 첫 번째 버전을 다운로드합니다.

두 번째로 디렉토리를 만듭니다.mkdir appName세 번째cd appName마지막으로npx create-react-app ./

이것이 React 18에서 Reactjs 애플리케이션을 얻는 방법입니다.

  1. sudo chown - R 1000 : 1000 " / home / aditya / . npm "
  2. npx crate-crate-app

이것으로 문제가 해결됩니다.

언급URL : https://stackoverflow.com/questions/53657920/i-cant-install-react-using-npx-create-react-app

반응형