web-dev-qa-db-ja.com

create-react-appを使用して提供されないテンプレート

ターミナルでcreate-react-app my-appコマンドを入力すると、すべてのライブラリが正常にダウンロードされるなど、機能しているように見えます。しかし、そのプロセスの最後にtemplate was not providedというメッセージが表示されます。

入力

[email protected] 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.

my-appのpackage.jsonで:

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

CRA changelog をチェックアウトすると、カスタムテンプレートのサポートが追加されたように見えますが、create-react-app my-appコマンドが変更されたようには見えません。

ここで何が起こっているのでしょうか?

255
SamYoungNY

以前にcreate-react-appを介してnpm install -g create-react-appをグローバルにインストールした場合は、npm uninstall -g create-react-appを使用してパッケージをアンインストールし、npxが常に最新バージョンを使用することをお勧めします。

ドキュメント

以下のコマンドのいずれかを使用します。

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app
293
Latha Eshappa

1)

npm uninstall -g create-react-app

または

yarn global remove create-react-app

2)

Create-react-appが適切にアンインストールされず、新しいコマンドのいずれかを使用すると次の原因になるバグがあるようです。

テンプレートが提供されていません。これは、create-react-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 create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
42
Robin Wieruch

すでに多くの答えがここにありますが。この状況に直面したとき、私は段階的に適用した3つのソリューションを思いつきました。


最初のステップ:公式マニュアルより、

以前にnpm install -g create-react-appを介してcreate-react-appをグローバルにインストールした場合は、npm uninstall -g create-react-appを使用してパッケージをアンインストールし、npxが常に最新バージョンを使用するようにすることをお勧めします。

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

2番目のステップ(最初のステップが機能しない場合):

キャッシュを保持する場合もあります。次に、これらのコマンドを使用できます。

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

3番目のステップ:(これら2つが機能しない場合)最初に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 [〜#〜]:最後のステップで成功します。

34
Moshiur Rahman

最初に、次のコマンドでcreate-react-appをグローバルにアンインストールします。

npm uninstall -g create-react-app

次に、プロジェクトディレクトリで:

npm install [email protected]

最後に:

npx create-react-app my-app
26
Tooba Anwar

上記の回答にさらに追加するには:

create-react-appの新しいリリースでは、カスタムテンプレートを使用して新しいアプリを作成できます。これまでに利用可能な2つのテンプレート:

  • 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.

21

私も同じ問題を抱えていました。 npm init react-app my-appコマンドが同じメッセージを返しました

テンプレートが提供されていません。これは、create-react-appの古いバージョンを使用しているためと思われます。

だが

yarn create react-app my-appコマンドは正常に動作します。

16
Sampathkumar
  1. npm install -g create-react-app PC
  2. npx create-react-app my-appを使用して、reactプロジェクトを再度作成します
14
akbaral aziz

これは私のために働いた。

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

これらの2つのステップは私のために働いた

1)このコマンドを使用して、react-appをグローバルにアンインストールしました

npm uninstall -g create-react-app

2)このコマンドでプロジェクトフォルダーにreact-appをインストールしました

npx create-react-app project-name
12
Hammad

"以前に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 my-app
10
Gully Habibi

MacOSでは、すべてのオプションが機能しませんでした。うまくいったのは、次の3つのステップでした。

  1. / usr/local/bin /からノードを削除します

それから

  1. ノードを新しくインストールします: https://nodejs.org/en/

それから

  1. 反応をインストール:npx create-react-app my-app follow: https://create-react-app.dev/
9
nroy

npx [email protected] your-project-name

将来的に誰かを助けることができるすべての答えの希望を試した後、私のために働きます。

8
Buk Lau

最初にnpmキャッシュをクリアしてから、次のようにyarnを使用します。

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

これがお役に立てば幸いです。

8
DevStormUK

TLDR:npm uninstall -g create-react-appを使用してグローバルパッケージをアンインストールし、npx create-react-app appを使用して新しい反応アプリを生成します。


問題

Npmを使用してグローバルにインストールしたcreate-react-appの古いバージョンを使用しています。 create-react-appコマンドは、このグローバルパッケージを呼び出します。

npm outdated -g create-react-appを実行するか、create-react-app --versionnpm 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などのノードバージョンマネージャーを使用しているため)。これは別の問題ですが、ここでは解決しませんが、これにはいくつかの情報があります answer

簡単な核アプローチは、rm -rfが返すパスでそれを強制的に削除することです(which create-react-app)。


補足

グローバルnpmパッケージとnpxコマンド

$ NPM_PACKAGE_NAMEは、どのディレクトリにいるかに関係なく、常にグローバルにインストールされたバージョンのパッケージを使用します。

$ npx NPM_PACKAGE_NAMEは、現在のディレクトリからルートまで検索するときに見つかったパッケージの最初のバージョンを使用します。

  • 現在のディレクトリにパッケージがある場合、それを使用します。
  • それ以外の場合、現在のディレクトリの親であるディレクトリにパッケージがある場合、最初に見つかったものを使用します。
  • そうでない場合、パッケージがグローバルにインストールされている場合、それを使用します。
  • それ以外の場合パッケージがまったくない場合は、一時的にインストールして使用し、破棄します。-これは、パッケージが最新であることを確認するための最良の方法です

Npxの詳細については、この answer を参照してください。

create-react-appnpxを使用する

create-react-appには、そのパッケージ(yarn create react-appnpm init react-app)に固有の反応アプリ(npxの代わりに)を作成する特別なコマンド/エイリアスがありますが、npx create-react-appは、他のパッケージと同じように機能します。

yarn vs npmグローバルインストール

Yarnはnpmとは異なるフォルダーにグローバルインストールを保存します。これが、yarn create react-appがグローバルnpmパッケージをアンインストールせずにすぐに機能する理由です(yarnに関する限り、パッケージはインストールされていません)。

ただし、Create React App。を使用するときは常にnpmではなくyarnを使用することを忘れないでください。

7
JBallin

Linuxの場合、これは私のために働いた

Sudo npm uninstall -g create-react-app
npx create-react-app my-test-app
6
coding_Lover

これは私のために働く!

1)npm uninstall -g create-react-app

2)npm install -g create-react-app

3)npx create-react-app app_name

以前にcreate-react-app経由でnpm install -g create-react-appをグローバルにインストールしている場合は、npm uninstall -g create-react-appを使用してアンインストールすることをお勧めします

5

だから私はここですべての手順を実行しましたが、助けにはなりませんでした。

TLDR; npx --ignore-existing create-react-appを実行します

MacでMojave 10.15.2を使用しています

CRAはグローバルにインストールされませんでした-/usr/local/lib/node_modulesまたは/usr/local/binでも見つかりませんでした。

それから、CRAのgithubの問題について comment に出会いました。 --ignore-existingフラグを指定してコマンドを実行すると役立ちました。

5
Ben S

この問題はこのようには解決されません。問題はノードの異なるインスタンスにあり、グローバルにcreate-react-appを削除してから、rootユーザーからnode_modulesとpackage-lock.jsonを削除してみてください。

5
Luis Meneses

最初に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

これで問題が解決しました

ステップ:

1. create-reactアプリをアンインストールします

npm uninstall -g create-react-app

2.今すぐ使用

npx create-react-app my-app

これにより、uのテンプレートが自動的に作成されます。

3
ari sudhan

Macでこの問題を修正するには、create-react-appグローバルnpm libから、それは基本的に言ったことです、ただやってみてください、あなたはSudoもする必要があります:

Sudo npm uninstall -g create-react-app

次に、単に実行します:

npx create-react-app my-app-name

これですべてが正常になり、次のようにフォルダ構造が取得されます。

template not provided using create react app

2
Alireza

npm uninstall -g create-react-appは場合によっては答えになるかもしれませんが、私の場合はそうではありません。

~/.node/bin/または/usr/bin/にあるcreate-react-appを手動で削除し(which create-react-appと入力し、rm -rfを使用して見た場所から削除します)、次にnpm i -g create-react-appを実行します。

その後、create-react-appは正しく動作します。

2
Andrew

コマンドnpm uninstall -g create-react-appを使用してもうまくいきませんでした。

しかし、これはうまくいきました:

yarn global remove create-react-app

その後:

npx create-react-app my-app

2
Karthic Rao

これは私のために働いた1.最初にこのコマンドでcreate-react-appをグローバルにアンインストールします:

npm uninstall -g create-react-app

まだ以前のインストールがある場合は、私のアプリというフォルダーを完全に削除してください(端末やcmd promtを含むそのフォルダーを使用しているプログラムがないことを確認してください)

2.プロジェクトディレクトリで:

npm install [email protected]

3.最後に:

npx create-react-app my-app
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

動作する場合は、複数のインストールが表示されるはずです。1つは反応スクリプト用で、もう1つはテンプレート用です。エラーメッセージも表示されなくなります。

2
Ryan McCormick

このコマンドを使用した後:

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 
1
Helen_CEE

この作品は私のためです:

次のコマンドでcreate-react-appをグローバルにアンインストールしましょう。

npm uninstall -g create-react-app

その後、プロジェクトディレクトリで:

npm install [email protected]

最後に:

npx create-react-app my-app

TypeScriptの場合:

npx create-react-app my-app --template TypeScript
1
shivlal kumavat

UBUNTUの場合:テンプレートにnpx create-react-appが提供されておらず、すでにnpm create-react-app -gがインストールされていて、それでも動作しないというエラーが発生した場合は、次の手順を実行します。

Sudo rm -rf usr/bin/create-react-app    

# this will manualy remove the create-react-app. 
npx create-react-app 

typeScriptでも動作します。

0
Halil

Windows 10の場合、yarnのキャッシュ内のいくつかのフォルダーを手動で削除する必要がありました。私のパスはC:\Users\username\AppData\Local\Yarn\Cache\v1と削除しなければならない折り目はnpm-create-react-app-1.0.0-1234567890abcdef

0
dadiaar

管理者として端末を実行してみてください。私は同じ問題を抱えていて、管理者として端末を開いてからnpx create-react-app yourAppNameを実行する以外に何も助けませんでした

0
Martynas Gecas

私は同じ問題を抱えていたので、マシンに「create-react-app」をグローバルにインストールしました。エラーがあります:

「テンプレートが提供されていません。これは、create-react-appの古いバージョンを使用しているためと思われます。create-react-appのグローバルインストールはサポートされなくなりました。」

次に、このコマンドを使用して以前のインストールを削除しました。

npm uninstall -g create-react-app

次に、新しい反応アプリをインストールします。

npx create-react-app new-app

0
akshay_sushir