反応の以前のバージョンでアプリケーションを作成する反応

2643 ワード
createreactapp react react18 older テキストリンク

導入


最近(反応18の最近のリリース以来)あなたは、この非常にバージョンを使用しているアプリケーションを作成反応に気づいている可能性がありますか?
これはケースですが、今ではすべてのパッケージは、最近の反応のバージョンをサポートしています.
例えば、Xパッケージをインストールしている間に、以下のようなエラーが発生します.
(反応の異なるバージョンに注意してください)

反応V 18使用に関連するCRAによって使用されるすべての依存関係を解決することを避けるために、私は間違いなく反応の古いバージョンを持っているCreate - Reactionアプリでプロジェクトをセットアップに行くでしょう.

どのように反応の古いバージョンで作成反応アプリを使用するには？


はい、まだ作成反応アプリを使用することができますが、いくつかの調整が必要になると私はいくつかの手順(8)をご案内します.
  • ️⃣ あなたのアプリケーションを作成します(ここで「my project」と呼ばれます).
    • npx create-react-app my-project
  • 2️⃣ エディターでプロジェクトを開きます(ここで、vscodeを使用します).code my-project
    • 次のツリープレゼンテーションを見ることができます
  • ️⃣ パッケージを調整してください.JSON :

  • 反応して、DOMに反応してください:「反応してください」と「反応DOM」バージョンを彼らが前のメジャーバージョン(ここで最初に18 -- 17)に代わりに望むバージョンに述べました.

  • テストライブラリ/反応:調整@testing-library/react以前のメジャーバージョン(ここでは、12になったのは13)(我々のプロジェクトでは存在しません反応の更新バージョンを処理するパッケージ)は、もうバージョンです.

  • 4️⃣ 1ファイルと1フォルダを削除します.

  • パッケージロックの削除package-lock.json詳細についてはnpx create-react-appコマンドを先に実行します.

  • 「NodeNumモジュール」:「ノードモジュール」フォルダを削除/削除します.

  • 5️⃣ 「反応」と「反応DOM」バージョン18に基づいて生成されたので、あなたの「src/index . js」を調節してください.

  • 反応して、DOMに反応してください:「反応DOM」から輸入されなければならなくて、「反応DOM/クライアント」ではありません.

  • root variable: Adjust the root variable by assigning the value ofdocument.getElementById(‘root’)

  • レンダリング:置換によるレンダリングメソッドの調整root.renderwithReactDOM.render
    • あなたは、下に示されるようにそのファイルを持つことを終えるべきです
  • ️⃣ このコマンドを実行して依存関係を再インストールします.
    ( NB :あなたはいくつかの警告を持っているかもしれませんが、最新のバージョンが解決したかもしれないことに気づいているので、あまり心配しないでください.
  • 7️⃣ プロジェクトを起動します
    “NPMの起動”プロジェクトを実行して実行する必要があります!
  • ️⃣ テストを実行します.

    まとめ


    我々は生成されたフォルダのプロジェクトを作成する反応を作成するアプリケーションを作成し、反応の別のバージョン(反応リリースRactt 18と今日から4月15日、CRAは“反応”のこの非常に最新バージョンをインストールしている).
    これも将来的に関連する可能性がありますか?誰が知っている🙂.
    これが役に立つならば、そして、助けることができることを望みます.
                                 ✨🤓✨
     ✨Have a great coding path & may the code be with us !✨
    • Activityの切り替えをProgressDialogでバッファリングする
    NIL == NILはtrueですか?na tum jano na hum ...