Webpack 서버가 추가된 후 MaterialUI(MUI) 오류: "getUtilityClass는 함수가 아닙니다."

Question

프로젝트를 시작한 후 다음 오류가 발생했습니다. 브라우저 런타임 오류입니다. 내가 한 유일한 일은 webpack을 추가하는 것뿐이었습니다. 다음은 webpack 구성 파일에 대한 참조입니다.

으아악

그런 다음 MaterialUI 오류가 발생하기 시작했습니다. 처음에는 실수로 package.json 파일을 업데이트한 줄 알았는데, 그렇지 않았습니다. 또한 webpack을 추가하기 전에도 작동했다는 점을 지적하고 싶습니다. 내가 한 일은 웹팩을 구성하고 일부 종속성을 설치하는 것뿐이었습니다(이전 종속성이나 버전에는 영향을 주지 않습니다!). 또한 프로젝트에 webpack을 추가한 후 또 다른 오류가 발생했는데, 다음 패치 파일을 사용하여 'patch-package' 라이브러리를 사용하여 수정했습니다.

으아악

이것은 패치로 수정된 이전 버그입니다:

오류가 여러 번 발생할 수 있는지 확인하기 위해 여러 버전의 노드(nodejs)를 사용해 보았습니다. 하지만 노드 14.15.0이나 18.15.0에서는 작동하지 않습니다.

또 다른 이상한 점은 프로젝트에서 "getUtilityClass"라는 단어조차 찾을 수 없다는 것입니다(찾으려면 vsCode에서 ctr+shit+f를 사용하세요).

Answer 1

문제는 실제로 종속성에 있습니다. 일부 라이브러리를 설치할 때 뭔가를 놓쳤을 수도 있습니다. 이전 package-json 파일로 되돌리고 필요한 종속성만 추가했을 때 npm install을 통해 설치한 후 프로젝트가 제대로 작동했습니다!