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

water
I’m aware of 2 such projects, are there others? git: GitHub - team-alembic/realworld: A fullstack Phoenix LiveView application with back...
New
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
peck
Hi everyone. My team and I have been working on a fairly modest app based around video streaming and chat, but we’ve landed a customer t...
New
bradley
I really like the adapter patterns that ecto, nebulex, waffle, etc. use and would love find something similar for a key management servic...
New
unaware8150
Hello folks! So at work, we are seeing some situations where we have to define some “fixed” strings that are used across the codebase in...
New
Alvinkariuki
How Can I Optimise Compile Time Dependencies I have been building an elixir application for about 2 years now. Many modules and files ha...
New
leoschweizer
Hi, we run different LLM models across a cluster, with each node loading a configurable subset. Model-specific queues let nodes consume ...
New

Other Trending Topics Top

KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
budgie
I love Elixir. It’s one of 2 programming languages I’ve ever fallen in love with. But I don’t use it anymore. Serverless was the promis...
New
ausimian
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews