Webpack サーバーを追加した後、マテリアル UI (MUI) エラー: 「getUtilityClass は関数ではありません」

Question

プロジェクトを開始した後、次のエラーが発生しました。 ブラウザのランタイムエラー。 私がやったことはwebpackを追加することだけでした。 Webpack 設定ファイルのリファレンスは次のとおりです:

リーリー

その後、materialUI エラーが発生し始めました。最初は、package.json ファイルを誤って更新したのかと思いましたが、そうではありません。また、Webpack を追加する前は機能していたことも指摘しておきます。私がやったのは、Webpack を設定し、いくつかの依存関係をインストールすることだけでした (以前の依存関係やバージョンには影響しません!)。 また、プロジェクトに webpack を追加した後、別のエラーが発生しました。これは、次のパッチ ファイルを使用して「patch-package」ライブラリを使用して修正しました。 リーリー

これはパッチで修正された以前のバグです:

複数のバージョンのノード (nodejs) を使用して、エラーが複数回発生するかどうかを確認してみました。ただし、ノード 14.15.0 または 18.15.0 では機能しません。

もう 1 つの奇妙な点は、プロジェクト内に「getUtilityClass」という単語さえ見つからないことです (vsCode で ctr shit f を使用して見つけてください)。

Answer 1

問題は依存関係にあります。いくつかのライブラリをインストールするときに何かを見逃した可能性があります。 npm install 経由でインストールした後、古い package-json ファイルに戻し、必要な依存関係のみを追加したところ、プロジェクトは正常に動作しました。