KimberlyBrooke

KimberlyBrooke

Hello I am just starting my front-end React-Apollo app with pragmatic studio and when I went through the instructions which are the following, I ended up getting the following error:

**error I am getting : **

‘’'Failed to compile.

./node_modules/graphql-tag/lib/index.js
Module not found: Can’t resolve ‘graphql’ in ‘/Users/kimberlybrooke/Downloads/pragstudio-unpacked-graphql-code/getaways/frontend/node_modules/graphql-tag/lib’
‘’’

Instructions I followed:

‘’’
To start the frontend React app:

  1. In a separate terminal session, change into the getaways/frontend directory:

cd getaways/frontend

  1. Next, install the NPM package dependencies:

npm install

You’ll see some warnings from external packages. It’s nothing to worry about.
3. Now you’re ready to start the development server:

npm start

  1. And now if you browse to http://localhost:3000/ you should see all the vacation places listed on the home page of the Getaways app!

‘’’

Showing Posts 1 to 4

kokolegorille

kokolegorille

Try to go into getaways/frontend, and run…

npm outdated

js is always moving fast, and it’s hard to follow :slight_smile:

KimberlyBrooke

KimberlyBrooke OP

Thank you. I ran…

npm outdated

in getaways/frontend and there was quite a bit in there. So I ran…

npm update

and re-ran

npm outdated

and there is still all of this in there…

Package Current Wanted Latest Location
bootstrap 4.6.1 4.6.1 5.1.3 getaways-react
react 16.14.0 16.14.0 17.0.2 getaways-react
react-apollo 2.5.8 2.5.8 3.1.5 getaways-react
react-day-picker 7.4.10 7.4.10 8.0.0-beta.36 getaways-react
react-dom 16.14.0 16.14.0 17.0.2 getaways-react
react-router 5.2.1 5.2.1 6.2.1 getaways-react
react-router-dom 5.3.0 5.3.0 6.2.1 getaways-react
react-scripts 4.0.3 4.0.3 5.0.0 getaways-react

kokolegorille

kokolegorille

I followed this course long time ago, when it came out.

I tried the source code… and it works.

Compiled successfully!

You can now view getaways-react in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.1.105:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

I think it’s too much work if You try to update frontend to latest versions, because many packages are changing major version.

so… I got the source code, decompress, went to getaways/frontend, then npm i
for the backend, npm i --prefix assets, mix deps.get, mix compile, mix phx.server

Everything was fine and working.

Did You do something special?

sundevilyang

sundevilyang

what’s your nodes and npm version when you ran npm i ?

— All posts loaded —

Where Next? Top

Trending in Questions Top

katta
I having some trouble figuring out if I have set myself too strict of standards for my production server. Currently I can handle 75% of r...
New
brecabral
Documentation While reading the Scoped Routes section, I noticed that the documentation currently refers to a problem without explainin...
New
nseaSeb
Hello, I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
kpanic
Hi everyone, I am toying with the idea of building a “match maker” for giving personal help to people that wants to start coding. I sta...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
asweet-confluent
I recently noticed that Elixir’s Logger defaults its primary log level to :debug when no :logger, :level application configuration is pre...
New
apz
I’m new to elixir and just tried to install the elixirLS extension for VScode(ium) and it is throwing some errors that I would like help ...
New

Other Trending Topics Top

GenericJam
Edit: 2026 May 15 - This post is archived. Mob is alive!! Main docs: mob v0.7.11 — Documentation A bit of explanation for the slightly c...
New
JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New
budgie
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews