create-react-app를 사용하여 제공되지 않은 템플릿


297

create-react-app my-app터미널에 명령을 입력하면 모든 라이브러리를 성공적으로 다운로드하는 등의 작업을 수행하는 것처럼 보입니다. 그러나 프로세스가 끝나면 메시지가 나타납니다 template was not provided.

입력

user@users-MacBook-Pro-2 Desktop% create-react-app my-app

산출

Creating a new React app in /Users/user/Desktop/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
..... nothing out of the ordinary here .....
  Done in 27.28s.

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

package.json에서 my-app:

"dependencies": {
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
  "react-scripts": "3.3.0" <-- up-to-date
}

CRA 변경 로그를 확인한 결과 사용자 지정 템플릿에 대한 지원이 추가 된 것 같지만 명령 create-react-app my-app이 변경 되지 않은 것 같습니다 .

여기서 무슨 일이 일어나고 있습니까?


7
소문은 글로벌 패키지가 더 이상 뜨겁지 않다는 것입니다. 'npm init react-app my-app'시도
Tim Wilson

12
또한 설치 업데이트
Tim Wilson

11
- 감사 (원사를 사용하여) 작업 결국 무엇으로 업그레이드 CRA입니다 : yarn global upgrade create-react-app- 다음 일yarn create react-app my-app
SamYoungNY

나는 윈도우 머신에서 같은 문제
Max Carroll

여기에있는 모든 조언이 실패했을 때 나를 위해 일한 것은 이름에있는 locate create-react-app모든 디렉토리를 수행 하고 삭제하는 것이 었 create-react-app습니다. 그런 다음 npx create-react-app에야 마침내 다시 정상적으로 작동했습니다.
카이 카버

답변:


353

이전에 create-react-app를 통해 전역으로 설치 한 경우 항상 최신 버전을 사용 하도록 npm install -g create-react-app패키지를 제거하는 것이 좋습니다 .npm uninstall -g create-react-appnpx

문서

아래 명령 중 하나를 사용하십시오.

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app

20
npm uninstall -g create-react-app 및 npx create-react-app my-app가 작동한다고 생각했습니다. 그러나 어떻게 든 npx는 여전히 템플릿없이 프로젝트를 만듭니다. create-react-app가 어떻게 든 캐시됩니까? 글로벌 cra 설치가 더 이상 사용되지 않을 것이라고 생각했습니다. npx를 사용하기 전에 create-react-app -g를 대신 업데이트해야했습니다.
Robin Wieruch

125
이후에도 여전히 같은 오류가 발생하면 콘솔에 npm uninstall -g create-react-app입력하십시오 which create-react-app. 이 같은 반환하는 경우 /usr/local/bin/create-react-app, 다음은 않습니다 rm -rf /usr/local/bin/create-react-app수동으로 삭제합니다.
v42

12
이것은 IMHO에 대한 좋은 접근 방식이 아닙니다. 로컬 복사본 대신 매번 다운로드하고 실행해야하는 이유는 무엇입니까? 대역폭 낭비와 인터넷에서 임의의 코드를 실행하는 매우 좋은 방법이며 언젠가 해킹 당합니다 .... npm install create-react-app -g내 솔루션을 했던 것처럼 다시 설치 하면 결국이 오류가 다시 발생하지만 사람들 임의의 코드를 실행 해서는 안됩니다 . 그들이 원하는 경우 웹과 특정 버전에 머물 수 있어야합니다 ....
Rodrigo Graça

6
마지막으로 타이프 라이터 템플릿 작업에있어 npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
CyberProdigy

2
이를 사용 npm list -g --depth=0하여 설치된 노드 패키지에 create-react-app가 나열되어 있는지 확인하십시오. 그렇다면 npm uninstall -g create-react-app설치 제거를 실행하십시오 .
Claude De-Tchambila

59

1)

npm uninstall -g create-react-app

또는

yarn global remove create-react-app

2)

create-react-app가 제대로 제거되지 않고 새로운 명령 중 하나를 사용하면 다음과 같은 버그가 발생합니다.

템플릿이 제공되지 않았습니다. 오래된 버전의 create-react-app를 사용하고 있기 때문일 수 있습니다.

로 제거한 후 명령 행에서 (Windows npm uninstall -g create-react-app:)로 "설치"되었는지 확인하십시오 . 무언가를 반환하면 (예 : / usr / local / bin / create-react-app ) 수동으로 삭제하십시오.which create-react-appwhere create-react-apprm -rf /usr/local/bin/create-react-app

삼)

그런 다음 다음 방법 중 하나입니다.

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app

5
설치 폴더를 제거해야했는데 npm uninstall create-react-app -g가 작동하지 않았습니다.
artfulbeest

2
$ echo '#! / bin / sh'> / usr / local / bin / create-react-app $ echo '에코 대신 실 작성 -react-app 사용'> / usr / local / bin / create-react-app $ chmod 0700 / usr / local / bin / create-react-app
Jason FB

1
Windows에서는 다음 where대신 명령을 사용할 수 있습니다.which
Vinicius

41

이미 많은 답변이 여기에 있습니다. 이 상황에 직면했을 때 단계별로 적용 한 3 가지 솔루션을 생각해 냈습니다.


첫 단계 : 공식 매뉴얼에서

이전에를 통해 create-react-app를 전역으로 npm install -g create-react-app설치 한 경우 npm uninstall -g create-react-appnpx가 항상 최신 버전을 사용하도록 패키지를 제거하는 것이 좋습니다 .

https://create-react-app.dev/docs/getting-started

아래 명령을 사용할 수 있습니다 :

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app

두 번째 단계 (첫 번째 단계 가 작동하지 않는 경우) :

때로는 캐시를 유지할 수 있습니다. 그러면 아래 주어진 명령을 사용할 수 있습니다.

  • npm uninstall -g create-react-app
  • npm cache clean --force
  • npm cache verify
  • yarn create react-app my-app

세 번째 단계 : (이 두 가지가 작동하지 않는 경우) 먼저를 통해 제거한 npm uninstall -g create-react-app다음 which create-react-app명령 줄에 명령으로 "설치"되었는지 확인하십시오 . ( / usr / local / bin / create-react-app ) 와 같은 것이 있으면 이것을 실행하여 rm -rf /usr/local/bin/create-react-app(폴더가 다를 수 있음) 수동으로 삭제하십시오. 그런 다음 npx / npm / yarn을 통해 다시 설치하십시오.

NB : 마지막 단계에서 성공했습니다.


2
이것은 나를 위해 일했습니다. 감사합니다.
약속 프레스턴

이것은 MacOS에서 나를 위해 일했습니다.
헌터

어떤 이유로, npx그리고 npm init일을하지 않았다, 그러나 yarn청산 캐시 후했다. 나는에 필요한 너무 폴더. 너무 감사합니다. rm -rfcreate-react-app
ZebGir

28

먼저 다음 명령으로 create-react-app를 전체적으로 설치 제거하십시오.

npm uninstall -g create-react-app

그런 다음 프로젝트 디렉토리에서 :

npm install create-react-app@latest

드디어:

npx create-react-app my-app

이것은 나를 도와줍니다 TY
Smaïne

21

위의 답변에 더 추가하려면 다음을 수행하십시오.

의 새로운 릴리스에서는 create-react-app사용자 지정 템플릿을 사용하여 새 앱을 만들 수 있습니다. 지금까지 사용 가능한 두 가지 템플릿 :

  • cra-template
  • cra-template-typescript

사용법 :

npx create-react-app my-app [--template typescript]

최신 변경 사항에 대한 자세한 내용 create-react-app:

https://github.com/facebook/create-react-app/releases/tag/v3.3.0


17

나도 같은 문제가 있었다. npm init react-app my-app명령을 시도 할 때 동일한 메시지가 반환되었습니다.

템플릿이 제공되지 않았습니다. 오래된 버전의 create-react-app를 사용하고 있기 때문일 수 있습니다.

그러나

yarn create react-app my-app 명령이 잘 작동합니다.


17

이것은 나를 위해 일했습니다.

  1. npm uninstall -g create-react-app
  2. npx create-react-app my-app

15
  1. npm install -g create-react-app 당신의 PC에서
  2. 반응 프로젝트를 다시 생성 npx create-react-app my-app

8
전역 적으로 create-react-app를 제거하는 것이 좋습니다.
Robin Wieruch

이 방법으로 새로운 업데이트가있을 경우 오류가 발생합니다
Hilary Mwape

나는이 전 세계적으로 만들-반응-응용 프로그램을 설치하는 첫번째 장소에있는 오류의 원인을 생각
로버트 스톡스

12

이 두 단계는 나를 위해 일했다

1)이 명령으로 전체적으로 react-app를 제거했습니다.

npm uninstall -g create-react-app

2)이 명령으로 프로젝트 폴더에 react-app 설치

npx create-react-app project-name

10

" 이전에 npm install -g create-react-app를 통해 전 세계적으로 create-react-app를 설치 한 경우 npm uninstall -g create-react-app를 사용하여 패키지를 제거하여 npx가 항상 최신 버전을 사용하도록하는 것이 좋습니다 "

이것은 https://create-react-app.dev/docs/getting-started/ 에보고 됩니다 . 나에게 이것은 효과가 없었다. 대신 전역 적으로 create-react-app를 다시 설치해야했습니다.

이 문제를 해결하기위한 나의 단계는 다음과 같습니다.

  1. npm uninstall -g create-react-app
  2. npm install -g create-react-app
  3. npx create-react-app 내 앱

1
더 이상 create-react-app의 글로벌 설치를 사용하지 않는 것이 좋습니다.
Robin Wieruch

4
그러나 이것은 전역 설치를하지 않고 템플릿을 설치하는 다른 방법을 알 수 없었습니다. 어쨌든 내 앱에는 차이가 없습니다.
Gully Habibi '

6
네, 문서가 작동하지 않습니다 어떻게 같은 말
코리 깁슨

10

먼저 npm 캐시를 지우고 다음과 같이 실을 사용하십시오.

  • npm cache clean --force
  • npm cache verify
  • yarn create react-app my-app

이게 도움이 되길 바란다.

편집하다

...이 문제를 자세히 살펴본 후에 다음을 시도해 볼 수 있습니다.

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app -무언가를 반환하면 (예 : / usr / local / bin / create-react-app) rm -rf / usr / local / bin / create-react-app를 수행하여 수동으로 삭제하십시오.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

이 단계는 전 세계적으로 설치된 create-react-app 설치를 제거한 다음 전 세계적으로 설치된 create-react-app 스크립트에 링크 된 이전 디렉토리를 수동으로 제거합니다. 그런 다음 캐시 된 이전 버전의 create-react-app를 사용하지 않도록 npm 캐시를 지우는 것이 좋습니다. 마지막으로 다음 @latest과 같은 옵션 으로 새 reactjs 앱을 만듭니다 npx create-react-app@latest. npx create-react-app를 사용할 때 템플릿이 생성되지 않는이 문제에 대해 많은 혼란이있었습니다. 위에 언급 한 단계 (1-6)를 따르면 성공할 수 있기를 바랍니다.

추신

그런 다음 client라는 디렉토리에 반응 앱을 만들려면 터미널에 다음 명령을 입력하십시오.

npx creacte-react-app@latest ./client

행운을 빕니다.


9

MacOS에서는 모든 옵션이 작동하지 않았습니다. 작동 한 작업은 다음 3 단계입니다.

  1. / usr / local / bin /에서 노드를 삭제하십시오.

그때

  1. 노드를 새로 설치하십시오 : https://nodejs.org/en/

그때

  1. 반응 설치 : npx create-react-app my-app follow : https://create-react-app.dev/

네 맞습니다-그래도 $ react-create-app --version이 설치되어 있는지 확인하십시오. 여전히 버전이 있으면 수동으로 제거해야 할 수도 있습니다. 제 경우에는 ~ / .nvm / versions / node / <노드 버전> / ​​lib / node_modules로 남아 있으므로 해당 폴더에 -rf react-create-app를 rm –rf react-create-app해야합니다
Nelles

9

그래서 나는 모든 단계를 거쳤지만 도움이되지 않았습니다.

TLDR; 운영npx --ignore-existing create-react-app

나는 함께 맥에 Mojave 10.15.2

CRA가 전체적으로 설치되지 않았습니다 . /usr/local/lib/node_modules또는 CRA를 찾지 못했습니다 /usr/local/bin.

그런 다음 CRA의 github 문제에 대한 이 의견 을 발견했습니다 . --ignore-existing플래그 와 함께 명령을 실행하면 도움이되었습니다.


8

npx create-react-app@latest your-project-name

미래에 누군가를 도울 수있는 모든 대답 희망을 시도한 후에 나를 위해 일하십시오.


7

Linux의 경우 이것은 나를 위해 일했습니다.

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

7

TLDR : 다음을 사용하여 글로벌 패키지 제거 npm uninstall -g create-react-app 새 반응 앱을 생성하십시오 npx create-react-app app.


발행물

이전 버전을 사용하고 있습니다. create-react-appnpm을 사용하여 전체적으로 설치 하고 있습니다. 이 create-react-app명령은이 글로벌 패키지를 호출합니다.

실행 npm outdated -g create-react-app하거나 비교 하여 오래된 버전을 사용하고 있음을 확인할 수 있습니다create-react-app --version 와 함께 npm view create-react-app.

의 버전이 react-scripts최신 버전이라는 사실 은 앱을 부트 스트랩하는 패키지 버전 ( create-react-app) 과 관련이 없으며 사용 하는 최신 버전의 패키지 (react-scripts 이 경우 이 경우) .

해결책

create-react-app명령 을 계속 사용 하려면을 사용하여 전역 패키지를 업데이트해야합니다 npm update -g create-react-app. 최신 상태로 유지하려면이 작업을 정기적으로 수행해야합니다. 당신은 알 수 있습니다create-react-app권장하지 않는 것을 있습니다 (설치 로그에 표시됨).

더 나은 방법은 전체 설치를 완전히 삭제하고 ( npm uninstall -g create-react-app) 대신 npx최신 버전의 패키지 를 얻을 수 있도록하는 것입니다npx 아래 참조).

사용하려고하면 전 세계적으로 제거되었는지 확인해야합니다. create-react-app명령을 "찾을 수 없음" 하여 되었는지 확인해야합니다.

제거 문제?

를 사용하여 설치된 위치를 디버깅 할 수 있습니다 which create-react-app. 이를 설치 제거하는 데 문제가있는 경우 시스템에 여러 버전의 node / npm이있을 수 있습니다 (여러 설치에서 또는 노드와 같은 노드 버전 관리자를 사용하기 때문 nvm). 이것은 여기서 다루지 않을 별도의 문제이지만이 답변에 몇 가지 정보가 있습니다. 있습니다.

빠른 핵 접근은 돌아 오는 rm -rf경로에서 강제로 제거하는 것입니다 ( ) which create-react-app.


보충

글로벌 npm 패키지 및 npx명령

$ NPM_PACKAGE_NAME 현재 디렉토리에 관계없이 항상 전체적으로 설치된 버전의 패키지를 사용합니다.

$ npx NPM_PACKAGE_NAME 현재 디렉토리에서 루트로 검색 할 때 찾은 첫 번째 버전의 패키지를 사용합니다.

  • 현재 디렉토리에 패키지가 있으면이를 사용합니다.
  • 그렇지 않으면 현재 디렉토리의 상위 디렉토리에 패키지가있는 경우 가장 먼저 찾은 디렉토리를 사용합니다.
  • 그렇지 않으면 패키지를 전체적으로 설치 한 경우이를 사용합니다.
  • 그렇지 않으면 패키지가 전혀 없으면 임시로 설치하여 사용하고 버립니다. - 이것이 패키지를 최신 상태로 유지하는 가장 좋은 방법 입니다.

npx에 대한 자세한 정보는이 답변 에서 찾을 수 있습니다 .

npx함께 사용create-react-app

create-react-appnpx해당 패키지 ( yarn create react-app, npm init react-app)에 특정한 반응 앱 (대신 ) 을 생성하기위한 몇 가지 특수 명령 / 별칭이 있지만 npx create-react-app다른 패키지와 동일하게 작동합니다.

yarnnpm글로벌 설치 대

Yarn은 전역 설치를와 다른 폴더에 저장하므로 npm, yarn create react-app글로벌 npm 패키지를 제거하지 않고 즉시 작동합니다 (원사에 관한 한 패키지가 설치되지 않은 경우).

Create React App을 사용할 때 항상 npm 대신 yarn을 사용해야한다는 것을 기억해야하기 때문에 이것은 일시적인 해결책 일뿐입니다.


5

이것은 내 문제를 해결했다

단계 :

1. Create-react 앱 제거

npm uninstall -g create-react-app

2. 이제 그냥 사용

npx create-react-app my-app

그러면 u 템플릿이 자동으로 생성됩니다.


5

이 문제는 이와 같이 해결되지 않습니다. 문제는 노드의 다른 인스턴스에 있습니다. 전역 적으로 create-react-app를 제거한 다음 루트 사용자에서 node_modules 및 package-lock.json을 삭제하십시오.


5

이것은 나를 위해 작동합니다!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

삼) npx create-react-app app_name

create-react-app를 통해 이전에 전역 에 설치 한 적이있는 경우 다음을 npm install -g create-react-app사용하여 제거하는 것이 좋습니다.npm uninstall -g create-react-app


3

먼저 create-react-app를 제거하십시오.

npm uninstall -g create-react-app

그런 다음 yarn create react-app my-app또는npx create-react-app my-app

실행 중이 yarn create react-app my-app거나 npx create-react-app my-app여전히 오류가 발생할 수 있습니다.

템플릿이 제공되지 않았습니다. 이전 버전의 create-react-app를 사용하고 있기 때문일 수 있습니다. 전체 create-react-app 설치는 더 이상 지원되지 않습니다.

이것은 현금 때문에 발생할 수 있습니다. 다음 실행

npm cache clean --force 

그런 다음 실행

npm cache verify

이제 모든 것이 분명합니다. 이제 실행

yarn create react-app my-app 또는 npx create-react-app my-app

이제 예상 한 것을 얻을 수 있습니다!


3

전역 npm lib에서 제거 하여 Mac 에서이 문제를 해결합니다. create-react-app기본적으로 말한대로 수행하려고합니다 sudo.

sudo npm uninstall -g create-react-app

그런 다음 간단히 실행하십시오.

npx create-react-app my-app-name

이제 모든 것이 좋고 폴더 구조를 아래와 같이 가져옵니다.

반응 만들기 앱을 사용하여 제공되지 않은 템플릿


1
Linux Mint 19 (Ubuntu 기반 시스템)에서 위의 모든 방법을 시도했습니다. 아무것도 도움이되지 않았지만 그렇게했습니다. sudo npm uninstall -g create-react-app
빅터

3

명령 사용 npm uninstall -g create-react-app 가 없었습니다.

그러나 이것은 효과가 있었다 :

yarn global remove create-react-app

그리고:

npx create-react-app my-app


이것은 나를 위해 일했습니다
./usr/local/bin

3

이 작품은 나를 위해 :

다음 명령으로 create-react-app를 전역 적으로 제거해 봅시다 :

npm uninstall -g create-react-app

그 후 프로젝트 디렉토리에서 :

npm install create-react-app@latest

마지막에:

npx create-react-app my-app

타이프 스크립트 :

npx create-react-app my-app --template typescript

2

어제 나에게 효과가 있었기 때문에 이런 이상한 문제가 있었고 오늘 아침에 같은 오류가 발생했습니다. 릴리스 정보를 기반으로 템플릿을 지원하는 새로운 기능이 추가되어 명령 줄에서 일부 부분이 변경된 것처럼 보입니다 (예 :--typescript 사용에 찬성 사용되지 않습니다--template typescript )

나는 다음을 수행하여 모든 것이 작동하도록했습니다.

  1. 글로벌 create-react-app 제거 npm uninstall create-react-app -g .
  2. npm 캐시 확인 npm cache verify .
  3. 터미널을 닫습니다. IDE를 사용하고 닫았다가 다시 열면 Mac 터미널을 사용합니다.
  4. 터미널을 다시 열고 프로젝트를 원하는 위치를 찾은 다음 새로운 템플릿 명령 규칙을 사용하여 npx를 통해 create-react-app를 실행하십시오. 작동시키기 위해 문서 사이트에서 typescript my-app를 사용하여 일관성을 유지했습니다.npx create-react-app my-app --template typescript

작동하면 여러 설치가 표시됩니다. 하나는 반응 스크립트 용이고 다른 하나는 템플릿 용입니다. 오류 메시지가 더 이상 나타나지 않아야합니다.


2

npm uninstall -g create-react-app 어떤 경우에는 대답이 될 수 있지만 내 대답은 아닙니다.

수동으로 삭제해야합니다 당신의 생성 --응용 프로그램 반응에있는 ~/.node/bin//usr/bin/(단지 입력 which create-react-app및 사용보고 위치에서 제거 rm -rf), 다음 단지 실행합니다 npm i -g create-react-app.

그 후 create-react-app올바르게 작동합니다.


2

이것은 나를 위해 일했다 1. 먼저이 명령으로 create-react-app를 전역 적으로 제거하십시오.

npm uninstall -g create-react-app

여전히 이전 설치가있는 경우 my app이라는 폴더를 완전히 삭제하십시오 (터미널 또는 cmd promt를 포함하여 해당 폴더를 사용하는 프로그램이 없는지 확인하십시오)

2. 그런 다음 프로젝트 디렉토리에 :

npm install create-react-app@latest

3. 최종 :

npx create-react-app my-app

1

이 명령을 사용한 후 :

yarn global upgrade create-react-app

그런 다음 시도했습니다.

yarn create-react-app my-app but it didn't work for me.

그래도 작동했습니다.

npx create-react-app my-app 

0

Windows 10의 경우, 원사의 캐시에서 일부 폴더를 수동으로 삭제해야했습니다. 경로는 C:\Users\username\AppData\Local\Yarn\Cache\v1같았고, 제거해야했던 주름은npm-create-react-app-1.0.0-1234567890abcdef


0

나는 같은 문제가 있었고 내 컴퓨터에 "create-react-app"를 설치했습니다. 오류가 있습니다 :

"템플릿이 제공되지 않았습니다. 구 버전의 create-react-app를 사용 중일 수 있습니다. create-react-app의 전체 설치는 더 이상 지원되지 않습니다."

그런 다음이 명령을 사용하여 이전 설치를 제거했습니다.

npm uninstall -g create-react-app

그런 다음 새로운 반응 앱을 설치하십시오.

npx create-react-app 새로운 앱


0

터미널을 관리자 권한으로 실행하십시오. 나는 같은 문제가 있었고 터미널을 관리자로 열고 npx create-react-app yourAppName을하는 것 외에는 아무런 도움이되지 않았습니다.

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