vitejs / vite

Next generation frontend tooling. It's fast!
http://vitejs.dev
MIT License
67.46k stars 6.08k forks source link

Uncaught ReferenceError: regeneratorRuntime is not defined #7819

Closed MaherUnlocker closed 2 years ago

MaherUnlocker commented 2 years ago

Describe the bug

i have this error regenerator error i make repo with vite project and cra app project and server test for backen in repo my package work fine with cra app but with vite i get error i have installed babel and more but same error the error you found in console

Reproduction

https://github.com/MaherUnlocker/vite-reproduction.git

System Info

System:
    OS: macOS 12.0.1
    CPU: (4) x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
    Memory: 234.18 MB / 8.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.13.2 - ~/.nvm/versions/node/v16.13.2/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 8.6.0 - ~/.nvm/versions/node/v16.13.2/bin/npm
  Browsers:
    Chrome: 100.0.4896.127
    Safari: 15.1
  npmPackages:
    @vitejs/plugin-react: ^1.0.7 => 1.3.0
    vite: ^2.9.0 => 2.9.1

Used Package Manager

yarn

Logs

publicUtils.js:169 Uncaught ReferenceError: regeneratorRuntime is not defined
    at publicUtils.js:169:10
    at useAsyncDebounce2 (publicUtils.js:169:10)
    at GlobalFilter (GlobalFilter.tsx:19:20)
    at renderWithHooks (react-dom.development.js:14985:18)
    at mountIndeterminateComponent (react-dom.development.js:17811:13)
    at beginWork (react-dom.development.js:19049:16)
    at HTMLUnknownElement.callCallback2 (react-dom.development.js:3945:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:16)
    at invokeGuardedCallback (react-dom.development.js:4056:31)
    at beginWork$1 (react-dom.development.js:23964:7)
(anonymous) @ publicUtils.js:169
useAsyncDebounce2 @ publicUtils.js:169
GlobalFilter @ GlobalFilter.tsx:19
renderWithHooks @ react-dom.development.js:14985
mountIndeterminateComponent @ react-dom.development.js:17811
beginWork @ react-dom.development.js:19049
callCallback2 @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
beginWork$1 @ react-dom.development.js:23964
performUnitOfWork @ react-dom.development.js:22776
workLoopSync @ react-dom.development.js:22707
renderRootSync @ react-dom.development.js:22670
performSyncWorkOnRoot @ react-dom.development.js:22293
(anonymous) @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
scheduleUpdateOnFiber @ react-dom.development.js:21893
dispatchAction @ react-dom.development.js:16139
(anonymous) @ DynamicTable.tsx:107
Promise.finally (async)
(anonymous) @ DynamicTable.tsx:106
(anonymous) @ TrashIcon.tsx:18
__awaiter @ TrashIcon.tsx:18
fetchData @ DynamicTable.tsx:97
(anonymous) @ DynamicTable.tsx:261
invokePassiveEffectCreate @ react-dom.development.js:23487
callCallback2 @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
flushPassiveEffectsImpl @ react-dom.development.js:23574
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushPassiveEffects @ react-dom.development.js:23447
(anonymous) @ react-dom.development.js:23324
workLoop @ scheduler.development.js:417
flushWork @ scheduler.development.js:390
performWorkUntilDeadline @ scheduler.development.js:157
react_devtools_backend.js:3973 The above error occurred in the <GlobalFilter> component:

    at GlobalFilter (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:68671:25)
    at div
    at http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:14794:51
    at Toolbar2 (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:51531:17)
    at TableToolbar (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:68768:25)
    at div
    at CardHeader4 (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:56907:25)
    at div
    at Card4 (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:56724:25)
    at div
    at Table5 (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:68885:9)
    at DynamicTable (http://localhost:3000/node_modules/.vite/deps/@maherunlocker_custom-react-table-responsive.js?v=8b05764e:69112:25)
    at App (http://localhost:3000/src/App.tsx?t=1650418778357:21:35)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
overrideMethod @ react_devtools_backend.js:3973
logCapturedError @ react-dom.development.js:20085
update.callback @ react-dom.development.js:20118
callCallback @ react-dom.development.js:12318
commitUpdateQueue @ react-dom.development.js:12339
commitLifeCycles @ react-dom.development.js:20736
commitLayoutEffects @ react-dom.development.js:23426
callCallback2 @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
commitRootImpl @ react-dom.development.js:23151
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
commitRoot @ react-dom.development.js:22990
performSyncWorkOnRoot @ react-dom.development.js:22329
(anonymous) @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
scheduleUpdateOnFiber @ react-dom.development.js:21893
dispatchAction @ react-dom.development.js:16139
(anonymous) @ DynamicTable.tsx:107
Promise.finally (async)
(anonymous) @ DynamicTable.tsx:106
(anonymous) @ TrashIcon.tsx:18
__awaiter @ TrashIcon.tsx:18
fetchData @ DynamicTable.tsx:97
(anonymous) @ DynamicTable.tsx:261
invokePassiveEffectCreate @ react-dom.development.js:23487
callCallback2 @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
flushPassiveEffectsImpl @ react-dom.development.js:23574
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushPassiveEffects @ react-dom.development.js:23447
(anonymous) @ react-dom.development.js:23324
workLoop @ scheduler.development.js:417
flushWork @ scheduler.development.js:390
performWorkUntilDeadline @ scheduler.development.js:157
publicUtils.js:169 Uncaught (in promise) ReferenceError: regeneratorRuntime is not defined
    at publicUtils.js:169:10
    at useAsyncDebounce2 (publicUtils.js:169:10)
    at GlobalFilter (GlobalFilter.tsx:19:20)
    at renderWithHooks (react-dom.development.js:14985:18)
    at mountIndeterminateComponent (react-dom.development.js:17811:13)
    at beginWork (react-dom.development.js:19049:16)
    at HTMLUnknownElement.callCallback2 (react-dom.development.js:3945:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:16)
    at invokeGuardedCallback (react-dom.development.js:4056:31)
    at beginWork$1 (react-dom.development.js:23964:7)

Validations

sapphi-red commented 2 years ago

react-table uses regeneratorRuntime. https://cdn.jsdelivr.net/npm/react-table@7.7.0/dist/react-table.development.js

Related: https://github.com/TanStack/react-table/issues/3297, https://github.com/TanStack/react-table/issues/2071

CRA includes it somewhere. Closing as it is not a Vite's issue.