vue 이미지가 불러와지지 않는 오류

<img src={require('./assets/logo192.png')} />

이런식으로 이미지를 불러오려고 하였지만 오류가 발생하였다.

이 오류는 웹팩 구성 문제였다.

npm install file-loader

file-loader 설치해준 뒤, webpack안에 넣어주면 이미지가 잘 불러와지는것을 볼 수 있다!
이 오류가 해결되지 않아서....두시간 넘게 해맸다...
오늘도 삽질과의 싸움이다...

{
        Test: / \ (JPE? G|png|gif) $/ I, // image file
        use: [
      {
        loader: 'url-loader',
        options: {
          limit: 10240,
          fallback: {
            loader: 'file-loader',
            options: {
              name: 'img/[name].[contenthash:8].[ext]',
+              esModule: false
            }
          },
+          esModule: false
        }
      }
    ],
    exclude: /node_modules/
}

https://developpaper.com/import-picture-resource-404-to-display-object-20module-404-not-found/