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초).필요한 경우 타임아웃을 늘립니다.
이 문제는 여러 가지 이유로 인해 발생합니다.
-
- 이 문제는 리액트 앱을 설치하는 데 필요한 노드 모듈 중 하나가 누락된 경우에 발생합니다.
-
- 또 다른 이유는 네트워크 연결이 불안정하기 때문입니다.
-
- 드물지만 드물게 안티바이러스가 캐시 내의 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 오류는 과거가 됩니다.에러가 발생했을 경우는, 문의해 주세요.
안티바이러스 화이트리스트에서 노드 소프트웨어
내 관점에서는, 네 시스템에 바이러스 백신 프로그램이 실행 중이고 노드를 차단하고 있는지 확인해봐.보다 구체적으로 exe (ByteFence 안티멀웨어)
내 경우 노드 시스템 호출을 차단합니다.
시스템 트레이의 숨겨진 아이콘에서 종료했습니다.정상적으로 동작합니다.
할 때
npm 시작
- 일부 안티바이러스가 화이트리스트에 추가하거나 차단 목록에 추가할 권한을 요청하는 경우가 있으므로 안티바이러스를 중지하거나 화이트리스트를 추가합니다.
모든 것을 시도해 봤지만 아무 소용이 없었다.
후 하여 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★.npm init
뒤에 「」가 붙습니다.npm install create-react-app
Avast의 잠재적인 유해 파일 경고를 받았지만, 괜찮았고 확인했습니다. ★★★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 애플리케이션을 얻는 방법입니다.
- sudo chown - R 1000 : 1000 " / home / aditya / . npm "
- npx crate-crate-app
이것으로 문제가 해결됩니다.
언급URL : https://stackoverflow.com/questions/53657920/i-cant-install-react-using-npx-create-react-app
'bestsource' 카테고리의 다른 글
JSON과 BSON 중 어느 쪽이 더 가볍습니까? (0) | 2023.03.05 |
---|---|
AngularJS - 모듈 의존관계, 이름 충돌 (0) | 2023.03.05 |
스프링 부트 - 생성되는 연결 수 제한 (0) | 2023.03.05 |
AngularJS 및 content편집 가능한 양방향 바인딩이 예상대로 작동하지 않음 (0) | 2023.03.05 |
Wordpress 썸네일 생성에 연결하는 방법 (0) | 2023.03.05 |