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


298

私が入力したとき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
おかげで-(Yarnを使用して)機能するようになったのは、CRAを次のようにアップグレードすることyarn global upgrade create-react-appyarn create react-app my-app
です。-

Windowsマシンでも同じ問題が発生しました
Max Carroll

ここでのアドバイスがすべて失敗したときに私にとってうまくいっlocate create-react-appたのcreate-react-appは、名前に含まれているすべてのディレクトリを実行して削除することでした。そうして初めてnpx create-react-appようやく、私にとっては再び正常に機能するようになりました。
カイカーバー

回答:


355

以前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

21
npm uninstall -g create-react-appとnpx create-react-app my-appが機能するだろうと思いました。しかし、どういうわけかnpxはまだテンプレートなしでプロジェクトを作成します。create-react-appはどういうわけかキャッシュされますか?グローバルcraのインストールは廃止されると思いました。npxを使用する前に、代わりにcreate-react-app -gを更新する必要がありました。
Robin Wieruch

126
それでも同じエラーが発生npm uninstall -g create-react-appする場合which create-react-appは、コンソールに入力してください。のようなものが返された場合/usr/local/bin/create-react-appは、a rm -rf /usr/local/bin/create-react-appを実行して手動で削除します。
v42

13
これは私見の良いアプローチではありません。ローカルコピーを作成するのではなく、毎回データをダウンロードして実行する必要があるのはなぜですか。その帯域幅の浪費とインターネットと一日からランダムにコードを実行するために非常に良い方法はハッキングます....私が行ったようにちょうどそれを再インストールしnpm install create-react-app -g、私の解決手段を、あなたは最終的には再びこのエラーメッセージが表示されますが、人々はいけませんから任意のコードを実行されていますウェブ、そして彼らがそうするなら、特定のバージョンに留まることができるはずです...
RodrigoGraça'19

7
ついにtypescriptテンプレートで機能するようになりました npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
Cyber​​Prodigy

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が適切にアンインストールされず、新しいコマンドの1つを使用すると次のようなバグが発生するようです。

テンプレートが提供されていません。これは、古いバージョンのcreate-react-appを使用している可能性があります。

でアンインストールした後、コマンドラインnpm uninstall -g create-react-appwhich create-react-app(Windows :)を使用してまだ「インストール」されているかどうかを確認where create-react-appします。何かが返された場合(たとえば、/ usr / local / bin / create-react-app)、a rm -rf /usr/local/bin/create-react-appを実行して手動で削除します。

3)

次に、これらの方法の1つ:

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 'echo代わりに糸create-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-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-appwhich create-react-appコマンドラインのコマンドで「インストール」されているかどうかを確認します。(/ usr / local / bin / create-react-app)のようなものがあれば、これを実行してrm -rf /usr/local/bin/create-react-app(フォルダは異なる場合があります)手動で削除します。次に、npx / npm / yarnから再度インストールします。

注意:私は最後のステップで成功しました。


2
これでうまくいきました。ありがとうございました。
プレストンプレストン

これはMacOSでは私にとってはうまくいきました。
ハンター

何らかの理由でnpx、機能npm initしませんでしたyarnが、キャッシュをクリアした後に機能しました。私がするのに必要な、あまりにもフォルダ。SOに感謝します。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

この1つのヘルプ私のTY
Smaïne

21

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

の新しいリリースでは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.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

これが、最初にグローバルにcreate-react-appをインストールするときにエラーを引き起こした原因だと思います
Robert Stokes

12

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

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アンインストール-g create-react-app
  2. npm install -g create-react-app
  3. npx create-react-app my-app

1
create-react-appのグローバルインストールを使用することは推奨されなくなりました。
ロビンWieruch

4
これは本当ですが、グローバルインストールを行わずにテンプレートをインストールする別の方法を理解できませんでした。それはとにかく私のアプリに影響を与えません。
Gully Habibi

6
ええ、ドキュメントが言っているように機能しません
コリー・ギブソン

10

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

  • 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スクリプトにリンクされている古いディレクトリを手動で削除します。次に、npmキャッシュをクリアして、古いキャッシュバージョンのcreate-react-appを使用しないようにすることをお勧めします。最後に、次の@latestようなオプションを使用して新しいreactjsアプリを作成しますnpx create-react-app@latest。npx create-react-appを使用してもテンプレートが作成されないこの問題については多くの混乱がありました。上記の手順(1〜6)を実行すると、成功することを願っています。

PS

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 / <node version> / lib / node_modulesのままだったので、そのフォルダーでrm -rf react-create-app
Nelles

9

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

TLDR; 走るnpx --ignore-existing create-react-app

私はMacを使っています Mojave 10.15.2

CRAはグローバルにインストールされていませんでした- /usr/local/lib/node_modulesまたは/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 --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)。これは私がここでは取り上げない別の問題ですが、この回答にはいくつかの情報があります

核への迅速なアプローチはrm -rfwhich create-react-app戻る経路でそれを強制的に削除することです()。


補足

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

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

$ npx NPM_PACKAGE_NAME 現在のディレクトリからルートまで検索すると、パッケージの最初のバージョンが使用されます。

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

npxの詳細については、この回答をご覧ください。

使用npxしてcreate-react-app

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

yarnnpmグローバルインストール

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

ただし、これは一時的な解決策にすぎません。CreateReact Appを使用するときは、常にnpmではなく糸を使用することを覚えておく必要があるためです。


5

これは私の問題を解決しました

手順:

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

npm uninstall -g create-react-app

2.今すぐ使う

npx create-react-app my-app

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


5

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


5

これは私にとってはうまくいきます!

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


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

私はMacでこの問題をcreate-react-appグローバルnpm libからアンインストールすることで修正しますsudo

sudo npm uninstall -g create-react-app

次に、単に実行します:

npx create-react-app my-app-name

これですべてがうまくなり、以下のようなフォルダー構造が得られます。

create react appを使用してテンプレートが提供されていません


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からの手動削除を含むすべての方法を試しました
manjs

3

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

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

npm uninstall -g create-react-app

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

npm install create-react-app@latest

最後に:

npx create-react-app my-app

typescriptの場合:

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

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


2

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

~/.node/bin/またはにあるcreate-react-appを手動で削除する必要があります/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

そこに以前のインストールがまだある場合は、私のアプリと呼ばれるフォルダーを完全に削除してください(ターミナルまたは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の場合、yarnのキャッシュ内のいくつかのフォルダーを手動で削除する必要があり、私のパスは次のようなもので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アンインストール-g create-react-app

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

npx create-react-app new-app


0

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.