App.js ファイルを適切に動作させるにはどうすればよいですか?

Question

私はコーディングが初めてなので、このチュートリアルに従っています: https://www.sitepoint.com/react-tutorial-build-calculator-app/ 要素をレンダリングできません。これは、Web アプリケーションの実行時にコンソールに表示される内容です。

これは私の App.js コードです:

リーリー

これがindex.jsです:

ああああ

Answer 1

次のようにルート要素を指定してみてください:

リーリー

Answer 2

コンソールのエラー メッセージから判断すると、index.js ファイルの import ステートメントに問題があるようです。このエラーは、ReactDOM が「react-dom/client」からインポートされることを具体的に示していますが、これは有効なインポート パスではありません。

この問題を解決するには、index.js ファイルのインポート ステートメントを更新して、「react-dom/client」ではなく「react-dom」から ReactDOM をインポートする必要があります。修正された import ステートメントは次のとおりです:

リーリー