npm install @mui/stylesでのエラーを解決した話

npm install @mui/stylesでのエラーを解決した話

こちらの動画を参考にさせていただきます

https://www.youtube.com/watch?v=9xgbLe_1Czg&list=PLX8Rsrpnn3IVOk48awq_nKW0aFP0MGpnn&index=7

開発環境

OS:mac
エディタ：vscode

エラー発生：npm install @mui/stylesができなかった

エラー文をよくみて色々とぐぐってみたところ
React１８にまだ@mui/stylesがサポートされていないとのこと。

React１７ならサポートされているとのことでバージョンダウンを試みる。

package.json内を変更する

package.json

  "react": "^18.2.0",
  "react-dom": "^18.2.0",

書き換える

package.json

  "react": "^17.0.0",
  "react-dom": "^17.0.0",

再度npm installして
npm install @mui/stylesはエラーに。
npm install @material-ui/stylesをためしてみてもエラーに。

解決した方法

package-lock.jsonファイルの削除
node_modulesフォルダの削除
package.json内の@testing-libraryの項目３つを削除

再度npm install
npm install @mui/stylesを実行すると
エラーを吐かずに完了した。