Help for Lift-off part 1 Odyssey course

Hey there! Thank you for starting your journey with us on Odyssey.
This is the topic to find help on the very first Odyssey course Lift-off part 1.

3 Likes
  1. APOLLO CLIENT SETUP

After including ApolloProvider getting the below error.
./node_modules/@apollo/client/core/index.js
"export ‘setVerbosity’ (reexported as ‘setLogVerbosity’) was not found in ‘ts-invariant’

Kindly advice on this.

Cheers,
Anguram Shanmugam

Hi Anguram!

I’d like to clarify the steps you took to get to this error. Did you install the packages with npm install graphql @apollo/client inside the client folder?

Could you also paste the code you have from your index.js file? I’d like to see how you’re using the ApolloProvider component.

Thanks!

Glad to hear from you. Unfortunately I’m AFK. The issue is with the presence of “StrictMode” from React. After removal and restart it’s working.

But why this behaviour? I don’t know :thinking:

Anyways!

cheers,
Anguram Shanmugam

I wasn’t able to reproduce the error on my end, following the lesson instructions and keeping React.StrictMode on, so I’m not sure why you were getting that error! Feel free to post your code when you’re able and we can take a closer look :slight_smile:

1 Like

I just read an article about npm audit fix --force. I just ran that now everthing’s fine. Use the below project link If you wanna see the code.

Odyssey: Lift-Off-part-1

cheers,
Anguram Shanmugam

Hi Support Community - I’m running VSCode on Ubuntu 20.04 LTS. I am unable to get beyond npm start | yarn start:

Logs below:
7 . The front-end app
From the client/ directory, run: npm start | yarn start

npm start

catstronauts-client-complete@1.0.0 start
react-scripts start

sh: 1: react-scripts: not found

yarn run v1.22.5
$ react-scripts start
/bin/sh: 1: react-scripts: not found
error Command failed with exit code 127.



$ npm install react-scripts

[sudo] password for m:
npm notice
npm notice New minor version of npm available! 7.16.0 → 7.17.0
npm notice Changelog: Release v7.17.0 · npm/cli · GitHub
npm notice Run npm install -g npm@7.17.0 to update!
npm notice
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: catstronauts-client-complete@1.0.0
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR! react@"^16.13.1" from the root project
npm ERR! peer react@">=16.8 || ^17.0.0" from framer-motion@4.1.17
npm ERR! node_modules/framer-motion
npm ERR! peer framer-motion@">1.6" from @apollo/space-kit@7.21.0
npm ERR! node_modules/@apollo/space-kit
npm ERR! @apollo/space-kit@"^7.11.0" from the root project
npm ERR! 1 more (react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@">16" from @apollo/space-kit@7.21.0
npm ERR! node_modules/@apollo/space-kit
npm ERR! @apollo/space-kit@"^7.11.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /root/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2021-06-16T08_07_45_131Z-debug.log

Hi @weiss!

To confirm, have you ran npm install in the client directory before running npm start?

Hi,

Yes, and I tried again.

/client$ npm install

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: catstronauts-client-complete@1.0.0
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR! react@"^16.13.1" from the root project
npm ERR! peer react@">=16.8 || ^17.0.0" from framer-motion@4.1.17
npm ERR! node_modules/framer-motion
npm ERR! peer framer-motion@">1.6" from @apollo/space-kit@7.21.0
npm ERR! node_modules/@apollo/space-kit
npm ERR! @apollo/space-kit@"^7.11.0" from the root project
npm ERR! 1 more (react-dom)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@">16" from @apollo/space-kit@7.21.0
npm ERR! node_modules/@apollo/space-kit
npm ERR! @apollo/space-kit@"^7.11.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /home/m/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/m/.npm/_logs/2021-06-16T19_56_27_863Z-debug.log


I made sure to remove any package lock.json file and tried but no success. All attempted in the /client directory.

Hi @MichelleMabuyo ,

Was hoping to get some feedback/response but i guess I can try to download the repo and try again. If that doesn’t work, I guess Stack is my next lead.

Edit:
Got it working after i cloned the repo again.

Hello @weiss . Tried to reproduce on a VM with ubuntu and everything was working ok on my end. Not sure what happened :man_shrugging:. Glad you have it working now!
Hope you have fun with the course.

Thanks Raph. I see you two added two new lessons Part 2 and Part 3 earlier this week. Working through them and enjoying the tutorials very much.

2 Likes

Thanks @MichelleMabuyo . I think i tried yarn after i tried npm, so i got a warning/error saying i shouldn’t use both. I went and cloned the repo again and everything worked smoothly afterwards.

1 Like

Hi Support Community - I’m at section 6. APOLLO STUDIO EXPLORER and I cannot access Apollo Sudio Explorer.

I’m logged in with Github and the website keeps loading as shown on the screenshot.

I have tested with multiple browsers (Brave, Chrome, Firefox) with the same result.

Hello @DaVinciLord,
Safari and Brave can be difficult with Apollo Explorer. We need to connect to localhost, Studio is served from https, and localhost is usually from http, some browser don’t allow mixed security network requests.
That said, you’ve mentioned trying on firefox and chrome too, I’ve just tested it on both and that worked, so the issue might be something else.
Can you tell me more about the browser versions and the OS you’re using.
Could you have a look at the developer console as well, to see if any error message pops up too?
Thank you.

Hi @Raph,

I just retried with Chrome (version 91.0.4472.124) and my OS is Windows 10 Professional (version 2004, build 19041.804).

Here is what appears on my developer console.
It’s as if the web page is reloading indefinetely.

Thanks for the details and for the screenshot.
Last check: could you try clearing both the application cache and cookies and login again.
If this has no effects I’ll then reach out to the Studio team and report the issue.

I cleared all application cache, data and cookies and I have the same problem.
In my local storage, I see the value of segmentio.***.inProgress and segmentio.***.ack updating each time the page reloads.

If I can provide any new information to help to resolve this bug, feel free to ask !
Thanks for your help.

Thanks for going through all that.
I’ll reach out to the Studio team and get back to you as soon as I have more info.

Hello @DaVinciLord. Studio team couldn’t reproduce either… is this still happening on your end? If so, could you try signing up via the email flow (rather than github), to see if you’re experiencing the same issue? This will provide more info on where the problem might come from.