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

Program / 글쓴이

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이 변경 되지 않은 것 같습니다 .

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

답변

이전에 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

답변

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

답변

이미 많은 답변이 여기에 있습니다. 이 상황에 직면했을 때 단계별로 적용 한 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 : 마지막 단계에서 성공했습니다.

답변

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

npm uninstall -g create-react-app

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

npm install create-react-app@latest

드디어:

npx create-react-app my-app

답변

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

의 새로운 릴리스에서는 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

답변

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

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

그러나

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

답변

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

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