File was processed with these loaders: * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.jsYou may need an additional loader to handle the result of these loaders.

 

파일이 다음 로더로 처리되었습니다.
 * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
이러한 로더의 결과를 처리하려면 추가 로더가 필요할 수 있습니다.

 

 

에러에는 아래와 같은 친절하게 BrowserRouter이 어떤 역할을 하는지 설명하지 않는다.

즉 경로에 따른 라우팅, 렌더링, 로딩해주는 것이 BrowserRouter의 역할은 것이다. 근데 에러메시지를 보면 로딩하는데 로더가 추가로 필요할 수 있다는 것이다. 즉, @pmmmwh 로더만으로는 부족할 수 있다는 것!!!

해결: 기존에 문제가 있던 client.jsx파일의 확장자를 tsx로 바꾸어 주었고 관련라이브러리를 추가해 주었다(import { render } from 'react-dom';). 주된 해결요인은 확장자명을 바꾸어 준 것인데 아마도 사용하는 로더가 파일의 확장자와 관련된 webpack의 어떠한 설정 문제이지 않나 싶다.