SimonHoiberg / saas-template

SaaS template for AWS, Amplify, React, NextJS and Chakra
MIT License
686 stars 174 forks source link

Unhandled Runtime Error Error: Cannot find module '@chakra-ui/system' #5

Open jr1893 opened 1 year ago

jr1893 commented 1 year ago

Running into an error;

Call Stack webpackMissingModule webpack-internal:///./node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js (15:50) eval webpack-internal:///./node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js (15:142) ./node_modules/@chakra-ui/theme/dist/chakra-ui-theme.esm.js

amongst other similar issues.

Is this common and is there an easy fix?

Thank you!

CloudCodesStuff commented 1 year ago

Did you install chakra?

https://chakra-ui.com/getting-started

oryan commented 1 year ago

Did you install chakra?

https://chakra-ui.com/getting-started

Installing Chakra via npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion gives the same error. Looks like Chakra v2 needs React v18 but this project is using v17? May be completely wrong, I'm still trying to debug what is going on.

ghefraim commented 3 weeks ago

@oryan same issue here. Did you find a fix?

ghefraim commented 3 weeks ago

Looks like the following works:

npm config set legacy-peer-deps true
npm i