에러가 뜬 이유

cra를 설정하지 않고 webpack을 직접 설정해서 사용중이었다.
tailwindcss도 같이 사용중이어서 처음에는 얘 문제인줄 알았는데 결국 아니었다.
그래서 styled components와 같이 사용하려 했었는데 도중에 방법을 찾았다.
여기서 방법을 찾았다 - 갓택오버플로우

file-loader, url-loader와 뭔가 충돌이 일어나서 그런것같다.

해결방법

해결방법은 너무 간단했다.
webpack 설정을 아래처럼 바꿔주면 된다.

module.exports = { 
      ...
     module: {
       	test: /\.css$/i,
        rules: [ 
            {
                loader: "style-loader"
            },
            { 
                loader: "css-loader",
                options: {
                    url: false,
                }
            }
        ]
    }
}