Getting started: Docker compose up fails

Describe the bug:

Hey there. I was going through contributing guideline and was trying to setup locally.

I tried docker compose up just to see the project current state first. But it fails due to an import unresolved error.

Output of my terminal

 > [5/5] RUN npm run build:                                                                                                             
#7 0.927                                                                                                                                
#7 0.927 > chapter-client@1.0.0 build                                                                                                   
#7 0.927 > next build                                                                                                                   
#7 0.927                                                                                                                                
#7 2.207 Attention: Next.js now collects completely anonymous telemetry regarding usage.
#7 2.208 This information is used to shape Next.js' roadmap and prioritize features.
#7 2.208 You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
#7 2.208 https://nextjs.org/telemetry
#7 2.208 
#7 2.242 Browserslist: caniuse-lite is outdated. Please run:
#7 2.242 npx browserslist@latest --update-db
#7 2.242 
#7 2.242 Why you should do it regularly:
#7 2.242 https://github.com/browserslist/browserslist#browsers-data-updating
#7 2.281 info  - Checking validity of types...
#7 25.71 info  - Creating an optimized production build...
#7 25.86 warn  - Disabled SWC as replacement for Babel because of custom Babel configuration "babel.config.js" https://nextjs.org/docs/messages/swc-disabled
#7 26.73 Browserslist: caniuse-lite is outdated. Please run:
#7 26.73 npx browserslist@latest --update-db
#7 26.73 
#7 26.73 Why you should do it regularly:
#7 26.73 https://github.com/browserslist/browserslist#browsers-data-updating
#7 27.65 info  - Using external babel configuration from /usr/chapter/client/babel.config.js
#7 71.89 Failed to compile.
#7 71.89 
#7 71.89 ./node_modules/@chakra-ui/checkbox/dist/cjs/checkbox-icon.js
#7 71.89 Module not found: Can't resolve 'framer-motion' in '/usr/chapter/client/node_modules/@chakra-ui/checkbox/dist/cjs'
#7 71.89 
#7 71.89 Import trace for requested module:
#7 71.89 ./node_modules/@chakra-ui/checkbox/dist/cjs/checkbox.js
#7 71.89 ./node_modules/@chakra-ui/checkbox/dist/cjs/index.js
#7 71.89 ./node_modules/@chakra-ui/react/dist/cjs/index.js
#7 71.89 ./node_modules/chakra-data-table/dist/chakra-data-table.cjs.production.min.js
#7 71.89 ./node_modules/chakra-data-table/dist/index.js
#7 71.89 ./src/modules/dashboard/Chapters/pages/ChaptersPage.tsx
#7 71.89 ./src/modules/dashboard/Chapters/index.ts
#7 71.89 ./src/pages/dashboard/chapters/index.tsx
#7 71.89 
#7 71.89 ./node_modules/@chakra-ui/checkbox/dist/esm/checkbox-icon.js
#7 71.89 Module not found: Can't resolve 'framer-motion' in '/usr/chapter/client/node_modules/@chakra-ui/checkbox/dist/esm'
#7 71.89 
#7 71.89 Import trace for requested module:
#7 71.89 ./node_modules/@chakra-ui/checkbox/dist/esm/checkbox.js
#7 71.89 ./node_modules/@chakra-ui/checkbox/dist/esm/index.js
#7 71.89 ./node_modules/@chakra-ui/react/dist/esm/index.js
#7 71.89 ./src/pages/_app.tsx
#7 71.89 
#7 71.89 ./node_modules/@chakra-ui/menu/dist/cjs/menu.js
#7 71.89 Module not found: Can't resolve 'framer-motion' in '/usr/chapter/client/node_modules/@chakra-ui/menu/dist/cjs'
#7 71.89 
#7 71.89 Import trace for requested module:
#7 71.89 ./node_modules/@chakra-ui/menu/dist/cjs/index.js
#7 71.89 ./node_modules/@chakra-ui/react/dist/cjs/index.js
#7 71.89 ./node_modules/chakra-data-table/dist/chakra-data-table.cjs.production.min.js
#7 71.89 ./node_modules/chakra-data-table/dist/index.js
#7 71.89 ./src/modules/dashboard/Chapters/pages/ChaptersPage.tsx
#7 71.89 ./src/modules/dashboard/Chapters/index.ts
#7 71.89 ./src/pages/dashboard/chapters/index.tsx
#7 71.89 
#7 71.89 ./node_modules/@chakra-ui/menu/dist/esm/menu.js
#7 71.89 Module not found: Can't resolve 'framer-motion' in '/usr/chapter/client/node_modules/@chakra-ui/menu/dist/esm'
#7 71.89 
#7 71.89 Import trace for requested module:
#7 71.89 ./node_modules/@chakra-ui/menu/dist/esm/index.js
#7 71.89 ./node_modules/@chakra-ui/react/dist/esm/index.js
#7 71.89 ./src/pages/_app.tsx
#7 71.89 
#7 71.89 ./node_modules/@chakra-ui/modal/dist/cjs/modal-transition.js
#7 71.89 Module not found: Can't resolve 'framer-motion' in '/usr/chapter/client/node_modules/@chakra-ui/modal/dist/cjs'
#7 71.89 
#7 71.89 Import trace for requested module:
#7 71.89 ./node_modules/@chakra-ui/modal/dist/cjs/modal.js
#7 71.89 ./node_modules/@chakra-ui/modal/dist/cjs/index.js
#7 71.89 ./node_modules/@chakra-ui/react/dist/cjs/index.js
#7 71.89 ./node_modules/chakra-data-table/dist/chakra-data-table.cjs.production.min.js
#7 71.89 ./node_modules/chakra-data-table/dist/index.js
#7 71.89 ./src/modules/dashboard/Chapters/pages/ChaptersPage.tsx
#7 71.89 ./src/modules/dashboard/Chapters/index.ts
#7 71.89 ./src/pages/dashboard/chapters/index.tsx
#7 71.89 
#7 71.89 
#7 71.89 > Build failed because of webpack errors
------
failed to solve: rpc error: code = Unknown desc = executor failed running [/bin/sh -c npm run build]: exit code: 1

So i just tried to find out the error myself. I have used chakra before an i think it needs framer motion as dependency. Found out that it missing in client package.json and that why build fails due to module not found.

Tell us about your browser and operating system:

• Browser(s) name and version: NA
• Operating System: Mac os

[akhilmhdh]

Yehhh… Cheers 🥂 Its working fine now.

Closing this issue as it resolved. @ojeytonwilliams I would love to work on any part of this, backend or frontend. You have anywhere that can point me

[allella]

@akhilmhdh I get the error if I try to npm i with an older npm 6 version.

I used nvm to switch to node 16 and npm 8 and it worked fine.