Create-React-Appはスターターテンプレートを作成しません


12

これらの指示に従って、typescriptテンプレートを使用して新しいプロジェクトを作成しようとしています。

npx create-react-app app-ui --template typescript

すべてのノードモジュールがインストールされますが、スタータープロジェクトは作成されず、提供されたテンプレートも使用されません。私はこのメッセージを受け取ります:

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.

手順に従ってCLIのグローバルインストールを削除しようとしていますが、これも機能しません。

 npm uninstall -g create-react-app
 up to date in 0.037s

どうしてもCLIをアンインストールできません。何が起こっている?

編集:

PCで部分的に動作させることができました。

npm remove create-react-app

その後

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

私はブラケットを使って試しましたが、テンプレートプロジェクトはありますが、typescriptにはありません。現在、cliに非常に問題があります。

編集:

この投稿では、CLIをアンインストールできないという問題を解決しました。これが誰かを助け、OPに賛成投票してください。


3
このまったく同じ問題が今私に起こっています。私はを実行しnpm uninstall -g create-react-app、次にnpx create-react-app app-uiテンプレートフラグありとなしの両方で実行しましたが、同じ警告が表示されます。結果の出力は、node_modulesディレクトリ、package.json、package-lock.jsonだけです。私が何を間違っているのかわからない。
arbitrayUserName

回答:


7

OP: あなたのブラケットは場違いです。あなたのケースでは、ドキュメントのドキュメントは使用するように言っています:

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


他のすべての人のために:

1.アンインストール私はlinux / ubuntuにいます

sudo npm uninstall -g create-react-app

2. 次に実行

npx create-react-app my-app

注: アンインストール時にすべてのフォルダー/ファイルが削除されていることを確認してください。私のように(権限が原因で)Linuxセットアップのreactフォルダーにアクセスできない場合は、次の方法でアクセス権を取得して削除します。

sudo chown -R $USER /usr/bin/create-react-app

(...そしてnpxコマンドを実行します。)


1
大括弧を削除すると、typescriptテンプレートが機能するようになりました。なぜそこにあったのか分かりません。私は物事を機能させるために私ができることは何でもしようとしていたと思います。ありがとう!
Mickers

それがうまくいったことを聞いてうれしい!
C-Note187

8

私はこの問題を解決しました sudo npm uninstall -g create-react-app

しかし、これはcreate-react-appを削除しなかったので、それが配置されているディレクトリを確認する必要がありました。ターミナルで次のように入力すると、

which create-react-app

/ usr / local / bin / create-react-appのようなディレクトリ が表示されます。

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

これにより、create-react-appが手動で削除されます。これで、リアクションアプリの作成を開始できます npx create-react-app my-app


2
私はUbuntu 19.10を使用していますが、これは魅力のように機能しました!
egdavid

1
私はOSX(MacBook)を使用していますが、これもうまくいきました!
Bumhwan Kim

1

私も同じ問題を抱えていました。これは私にとってはうまくいきます(Linux)

ステップ01。

sudo npm remove create-react-app

ステップ02。

sudo npm uninstall -g create-react-app

ステップ03。

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

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


これは多くのおかげで機能します
user3811671


0

あなたが走ったとしてnpm uninstall -g create-react-app create-react-appも、まだインストールされているかもしれません。を実行して確認できwhich create-react-appます。パスが返された場合create-react-appでもインストールされます。でモジュールを削除できますrm -r ${returned path}。その後、実行npx create-react-app app-ui --template typescriptはエラーや警告なしで機能するはずです。


0

私はこの状況に直面したときに段階的に適用した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
  • 糸は反応アプリマイアプリを作成します

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

時々それはキャッシュを保持するかもしれません。それからあなたは以下に与えられるこれらのコマンドを使うことができます。

  • npmアンインストール-g create-react-app
  • npmキャッシュクリーン--force
  • npmキャッシュ検証
  • 糸は反応アプリマイアプリを作成します

3番目のステップ:(これら2つが機能しない場合)最初にnpm uninstall -g create-react-appを使用してアンインストールしてから、コマンドラインでcreate-react-appコマンドを使用して「インストール」されているかどうかを確認します。(/ usr / local / bin / create-react-app)のようなものが得られたら、このrm -rf / usr / local / bin / create-react-app(フォルダーは異なる場合があります)を実行して手動で削除します。次に、npx / npm / yarnから再度インストールします。 注意:私は最後のステップで成功しました。


0

私が実行したとき

create-react-app hello

フォルダ構造の下にのみ生成され、通知されます

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

node_modules
package.json
yarn.lock

以下の手順に従って解決しました

// create-react-appパッケージをアンインストールします

npmアンインストール-g create-react-app

その後、「npx」を通じて新しい反応アプリを作成する準備が整いました

ES6フレーバー(デフォルトではES6言語が使用されます)

npx create-react-app hello-world

Typescriptフレーバー

npx create-react-app hello-world-テンプレートタイプスクリプト

以下は上記のコマンドを実行した後のフォルダ構造です

README.md
node_modules
package.json
public
src
yarn.lock

糸の開始//正常に機能

node: v10.16.0
npm: 6.10.2

0

私の解決策はあなたの解決策とは少し異なっているので、誰かが同様の問題を抱えている場合に備えてここに追加します。どうやら、私はcreate-react-appをグローバルに糸でインストールしました。実行which create-react-appすると表示され、のようなパスになりました.../.config/yarn/global/node_modules/.bin/create-react-app。実行するとyarn global remove create-react-appこのパッケージが削除され、npx create-react-app app --template typescript正常に実行できました。


0
  1. create-react-appをインストールする

最初に、create-react-appツールをインストールする必要があります。これは、React.jsクリエーターが提供するツールであり、必要なすべての依存関係を備えた、すぐに使用できるReact.jsアプリケーションをインストールできます。ツールをインストールするには、コマンドラインで次のコマンドを使用する必要があります。

npm install -g create-react-app
  1. アプリケーションを作成する

これで、create-react-appツールを使用して最初のアプリケーションを簡単に作成できます。コマンドラインの単一のコマンドでそれを行うことができます。まず、コマンドラインからアプリケーションを配置するフォルダーに移動し、次のコマンドを実行します。reactappはアプリケーションの名前です。

npx create-react-app reactapp

アプリケーションに別の名前を設定してもかまいません。プロセスが正常に終了した場合は、アプリを含むフォルダーが準備できているはずです。今すぐアプリケーションを起動しましょう!

  1. アプリケーションを起動します

次のコマンドを使用して、reactappを開始しましょう。

cd reactapp
npm start

最初のコマンドはアプリケーションのフォルダーを入力するために使用され、2番目のコマンドはアプリケーションを起動します。デフォルトでは、アプリケーションはlocalhost:3000で開いていますが、設定でポートを変更できます。

リンク:https : //dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

これは役に立ちます!


0

Windowsユーザーの場合、次の2つの手順を実行します

npm uninstall -g create-react-app

その後

npx create-react-app jamming

ノードとnpm、最新の安定バージョンを更新し続ける


0
  1. コマンドを使用してcreate-react-appをアンインストールします。sudonpm uninstall -g create-react-app

npmはnpmモジュールのグローバルな使用をサポートしていないため。

  1. 次のコマンドを使用して、通常どおりcreate-react-appボイラープレートをインストールします。npx create-react-app my-app

できます!!


-1

私も同じ問題を抱えていました。私はこれを試しましたnpm install -g create-react-app
それからそれはcreate-react-app app-name私のためにうまくいき ました


はい、しかしそれはテンプレートエラーを解決しますか?私は現在Windowsマシン(以前はMacでした)を使用していますが、同じことをしています...空のプロジェクトとtypescriptは含まれていませんでした。
Mickers
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.