Project management app from my GraphQL crash course on YouTube
- Install Docker for your operating system.
- Install the Docker Compose tool.
- Run docker-compose
docker-compose up -d --build
This will start backend, frontend and MongoDB.
Full stack GraphQL, Express & React app
Project management app from my GraphQL crash course on YouTube
docker-compose up -d --build
This will start backend, frontend and MongoDB.
Hi Brad, I don't know if it is an issue but I've also tried to rename .env.example in .env
Thankyou for this crash couse, it is super!
everything was going well but after installing apollo/client and connecting it with react , the localhost turned blank and shows an error in console:
"Uncaught TypeError: Cannot set properties of undefined (setting 'resetStoreCallbacks')
at ApolloClient (bundle.js:76862:30)
at renderWithHooks (bundle.js:25434:22)
at mountIndeterminateComponent (bundle.js:29099:17)
at beginWork (bundle.js:30567:20)
at HTMLUnknownElement.callCallback (bundle.js:13230:18)
at Object.invokeGuardedCallbackDev (bundle.js:13279:20)
at invokeGuardedCallback (bundle.js:13341:35)
at beginWork$1 (bundle.js:36354:11)
at performUnitOfWork (bundle.js:35487:16)
at workLoopSync (bundle.js:35400:9)
ApolloClient @ bundle.js:76862
renderWithHooks @ bundle.js:25434
mountIndeterminateComponent @ bundle.js:29099
beginWork @ bundle.js:30567
callCallback @ bundle.js:13230
invokeGuardedCallbackDev @ bundle.js:13279
invokeGuardedCallback @ bundle.js:13341
beginWork$1 @ bundle.js:36354
performUnitOfWork @ bundle.js:35487
workLoopSync @ bundle.js:35400
renderRootSync @ bundle.js:35369
performConcurrentWorkOnRoot @ bundle.js:34666
workLoop @ bundle.js:69875
flushWork @ bundle.js:69849
performWorkUntilDeadline @ bundle.js:70133
bundle.js:76862 Uncaught TypeError: Cannot set properties of undefined (setting 'resetStoreCallbacks')
at ApolloClient (bundle.js:76862:30)
at renderWithHooks (bundle.js:25434:22)
at mountIndeterminateComponent (bundle.js:29099:17)
at beginWork (bundle.js:30567:20)
at HTMLUnknownElement.callCallback (bundle.js:13230:18)
at Object.invokeGuardedCallbackDev (bundle.js:13279:20)
at invokeGuardedCallback (bundle.js:13341:35)
at beginWork$1 (bundle.js:36354:11)
at performUnitOfWork (bundle.js:35487:16)
at workLoopSync (bundle.js:35400:9)
ApolloClient @ bundle.js:76862
renderWithHooks @ bundle.js:25434
mountIndeterminateComponent @ bundle.js:29099
beginWork @ bundle.js:30567
callCallback @ bundle.js:13230
invokeGuardedCallbackDev @ bundle.js:13279
invokeGuardedCallback @ bundle.js:13341
beginWork$1 @ bundle.js:36354
performUnitOfWork @ bundle.js:35487
workLoopSync @ bundle.js:35400
renderRootSync @ bundle.js:35369
recoverFromConcurrentError @ bundle.js:34777
performConcurrentWorkOnRoot @ bundle.js:34678
workLoop @ bundle.js:69875
flushWork @ bundle.js:69849
performWorkUntilDeadline @ bundle.js:70133
bundle.js:27773 The above error occurred in the <ApolloClient> component:
at ApolloClient (http://localhost:3000/static/js/bundle.js:76862:30)
at App
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.
logCapturedError @ bundle.js:27773
update.callback @ bundle.js:27801
callCallback @ bundle.js:23098
commitUpdateQueue @ bundle.js:23121
commitLayoutEffectOnFiber @ bundle.js:32335
commitLayoutMountEffects_complete @ bundle.js:33613
commitLayoutEffects_begin @ bundle.js:33599
commitLayoutEffects @ bundle.js:33537
commitRootImpl @ bundle.js:35744
commitRoot @ bundle.js:35612
finishConcurrentRender @ bundle.js:34819
performConcurrentWorkOnRoot @ bundle.js:34737
workLoop @ bundle.js:69875
flushWork @ bundle.js:69849
performWorkUntilDeadline @ bundle.js:70133
bundle.js:76862 Uncaught TypeError: Cannot set properties of undefined (setting 'resetStoreCallbacks')
at ApolloClient (bundle.js:76862:30)
at renderWithHooks (bundle.js:25434:22)
at mountIndeterminateComponent (bundle.js:29099:17)
at beginWork (bundle.js:30567:20)
at beginWork$1 (bundle.js:36329:18)
at performUnitOfWork (bundle.js:35487:16)
at workLoopSync (bundle.js:35400:9)
at renderRootSync (bundle.js:35369:11)
at recoverFromConcurrentError (bundle.js:34777:24)
at performConcurrentWorkOnRoot (bundle.js:34678:26)
ApolloClient @ bundle.js:76862
renderWithHooks @ bundle.js:25434
mountIndeterminateComponent @ bundle.js:29099
beginWork @ bundle.js:30567
beginWork$1 @ bundle.js:36329
performUnitOfWork @ bundle.js:35487
workLoopSync @ bundle.js:35400
renderRootSync @ bundle.js:35369
recoverFromConcurrentError @ bundle.js:34777
performConcurrentWorkOnRoot @ bundle.js:34678
workLoop @ bundle.js:69875
flushWork @ bundle.js:69849
performWorkUntilDeadline @ `bundle.js:70133"`
pls help me out in this.
Thank you
findByIdAndRemove() not working in schema.js file for mutations.
Solution: Replace findByIdAndRemove() with findByIdAndDelete()
Reason: The findByIdAndRemove method has been deprecated in Mongoose.
when i run the delete client mutation it gave me an error and i found the solution through the browser
i change ID! to STRING!
Hello @bradtraversy . Thanks for sharing your knowledge. Just one suggestion, in the AddProjectModal.jsx file on line eight you might need to make changes. That is, change the function name from AddClientModal to AddProjectModal.
The latest version of GraphQL 16.6.0 doesn't allow to define non-null args as so; name: { type: GraphQLNonNull(GraphQLString) }
giving this error TypeError: Class constructor GraphQLNonNull cannot be invoked without 'new' ![Screenshot from 2022-09-17 18-49-15](https://user-images.githubusercontent.com/42340517/190865316-3da9cc2c-5eb0-4205-8ec8-d93868acbc5b.png)
I am using the latest version on graph QL 16.4.0
`chema.js:82
name: { type: GraphQLNonNull(GraphQLString) },
^
TypeError: Class constructor GraphQLNonNull cannot be invoked without 'new'
at Object.`
getting error on
// Mutations const mutation = new GraphQLObjectType({ name: 'Mutation', fields: { // Add a
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.