[React + Vite] Uncaught ReferenceError: regeneratorRuntime is not defined

해당 에러는 비동기 통신을 할 때 주로 나타나는 오류라고 한다. 

다른 해결방법들은 시도했는데, 이번 프로젝트는 vite로 한 프로젝트여서 babel.config.js 설정이 먹히지 않았다.

아래처럼 하니 해결 !

npm install vite-plugin-babel @vitejs/plugin-legacy

// vite.config.js 

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import legacy from '@vitejs/plugin-legacy'
import babel from 'vite-plugin-babel'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(), 
    legacy({
      targets: ['defaults', 'not IE 11'],
      additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
    }),
    babel({
      babelConfig: {
          babelrc: false,
          configFile: false,
          plugins: ['@babel/plugin-transform-runtime'],
      }
  })
  ],
})

참고 : https://github.com/TanStack/router/issues/227