web-dev-qa-db-ja.com

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

これらの instructions に従って、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に賛成投票してください。

node.jscreate-react-app
11
Mickers

私も同じ問題を抱えていました。これは私のために動作します（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

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

0
Lakshan Hettiarachchi

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
arbitrayUserName

私はこの状況に直面したときに段階的に適用した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、それから、あなたのコマンドでwhich create-react-appコマンドを使用して、それがまだ「インストール」されているかどうかを確認してくださいライン。 （/ usr/local/bin/create-react-app）のようなものが得られたら、これを実行しますrm -rf/usr/local/bin/create-react-app（フォルダーは異なる場合があります）手動で削除します。次に、npx/npm/yarnから再度インストールします。 [〜＃〜] nb [〜＃〜]：最後のステップで成功しました。

0
Moshiur Rahman

作成Reactスタートアップテンプレート

1.npx create-react-app your_app_name

2.cd your_app_name

3.npmスタート

0
Vaibhav Tamuche

Windowsユーザーの場合、2つの手順に従います

npm uninstall -g create-react-app

その後

npx create-react-app jamming

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

0
Mamunur Rashid

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

0
thefinnomenon

私が実行したとき

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 --template TypeScript

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

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

糸の開始//正常に機能

node: v10.16.0
npm: 6.10.2
0
asishkhuntia
  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
Aremu Ibrahim
  1. コマンドを使用してcreate-react-appをアンインストールします。Sudonpm uninstall -g create-react-app

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

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

できます！！

0
Yousuf Shareef