Uncaught SyntaxError: Export 'import_react3' is not defined in module (at chunk-ALR5B6M7.js?v=aa4e0109:17143:3)
I have a project created with create-react-app with Typescript. And I am using yarn 3.3.0 as the package manager.
Now I am trying to shift from cras webpack to vite. I have bootstrapped a project with the yarn create vite command. And simply copy and paste the components from previous project to the new one.
When I run on the command line yarn tsc I am facing no error.
Also running yarn dev is okay in the terminal and the server starts successfully.
However, in the browser I am facing an weird error on the terminal which says:
Uncaught SyntaxError: Export 'import_react3' is not defined in module (at chunk-ALR5B6M7.js?v=aa4e0109:17143:3)
Solution
Apparently, since I am using Material UI I need to install @emotion/react and @emotion/styled as well.
npm i @emotion/react @emotion/styled
or
yarn add @emotion/react @emotion/styled
- DeepCopy Object in JavaScript using immer
- POST https://localhost:5000/stored net::ERR_SSL_PROTOCOL_ERROR
- How to get data from React native FormData Object
- Wrapping app component with contextProvider component makes the webpage empty
- Cannot build frontend using Vite, TailwindCSS with PostCSS
- Is there a way to make Google wait until all data is loaded for my React website hosted on Firebase with a DB from Firebase before indexing?
- Cypress - Drag and drop not working on a react-based website
- ReactJS: React.render is not a function and React.createElement is not a function
- ERESOLVE unable to resolve dependency tree while installing a pacakge
- ReactJS <input type="date" > format date
- How to disable the Material UI Link API component
- Layout issues with <video> element
- Table data inside forms is not saving
- Where to put constants and types in a React Typescript project
- How to organize types definitions in a React project using Typescript
- STRUGGLING WITH NOTIFICATION COMPONENT
- How to update default value of MUI TextField?
- Tailwind margin and padding not applying
- Error: NativeViewGestureHandler must be used as a descendant of GestureHandlerRootView
- How to change active tab color in Material UI?
- Attempted import error: 'Wallet' is not exported from '@project-serum/anchor'
- React Input Validation Not Working in Form
- React router v6 doesn't support <Prompt /> or usePrompt
- Keycloak authentication with `react-oidc-context`: "No matching state found in storage" after page refresh
- How do you set the document title in React?
- Hiding my API key from being accessed directly
- TailwindCSS not working with Vite + React
- I18nManager.forceRTL doesn't applies changes in first app load
- How can I reduce excess space on the left in react-native-picker/picker?
- Real Time Speech-To-Text Application using socket-io